hello Gang,

I have CSS: 

#topnav_right {float: left;
        position: relative;
        width: 694px;
        height: 107px;}

#topnav_right_bottom {position: absolute;
        bottom: 0;
        left: 0;
        width: 694px;
        height: 35px;}

/*---------------------------------- [Header Nav]*/
ul#nav-global {height: 35px;
        padding: 0;
        border-top: 1px solid #FFF;}
#nav-global li {background: red;}
#nav-global li a {float: left;
        height: 17px;
        padding: 9px 0;
        display: inline-block;
        text-indent: -5000px;}

#nav-global li#nav-global-main a {background: 
url('/themes/jlg/images/topnav/nav_buttons/nav_main.png') center center 
no-repeat;
        width: 31px;
        margin-right: 11px;}
#nav-global li#nav-global-cars a {background: 
url('/themes/jlg/images/topnav/nav_buttons/nav_cars.png') center center 
no-repeat;
        width: 31px;
        margin: 0 10px;}

HTML:

<div id="topnav_left">
                <a href="/" title="Home" id="JLG_logolink">Back home to Jay 
Leno's Garage</a>
        </div>
                <div id="topnav_right">
                        <div id="topnav_right_top"></div>
                        <div id="topnav_right_bottom">  
                                <ul id="nav-global">
                                        <li id="nav-global-main" 
class="first"><a href="/" title="main">main</a></li>

                                        <li id="nav-global-cars"><a 
href="/cars" title="cars">cars</a></li>
                                        <li id="nav-global-videos"><a 
href="/videos" title="videos">videos</a></li>
                                        <li id="nav-global-clubs"><a 
href="/groups" title="clubs">clubs</a></li> 
                                        <li id="nav-global-boards"><a 
href="http://forums.jaylenosgarage.com"; title="boards">boards</a></li>
                                        <li id="nav-global-mygarage"><a 
href="/accounts/login" title="my garage">my garage</a></li>
                                        <li id="nav-global-jaysgarage"><a 
href="http://www.jaylenosgarage.com"; title="Jay Leno's Garage">Jay Leno's 
Garage</a></li>

                                </ul>
                        </div>
                </div>
        

All is well in FF but once I added the text-indent property it disappears in 
IE6. I played around with it by adding the float property, which made it show 
up but them my margins and paddings were off, not to mention having to add 
float to the other containers. Is there any way to get text indent to show in 
IE6 without having to resort to floats? 

TIA,
Elli 



      
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to