Another IE6 navbar position problem....

[nicky77]

Hi, i've been searching for a solution to this problem but haven't had any joy yet. I have a navbar which positions perfectly in Safari, FF and IE7 - but in IE6, it is pushed out to the right of the page. I'm pretty new to CSS and don't know how to resolve this. If anyone could help, that would be great!

i'll just post the navbar html and css for now as i'm pretty sure that's where the problem lies...

Code: Select all

ul#nav {position:relative; margin-left:239px; }
ul#nav li { float:left; list-style-type:none }
ul#nav li a {height:30px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none ; margin-top:160px;}

li#navWelcome a, li#navWhoweare a, li#navIndependent a, li#navWhereweare a, li#navLinks a { background:url(navBG.jpg)}

the html

Code: Select all

<ul id="nav">
    <li id="navWelcome"><a href="index.html">Welcome</a></li>
    <li id="navWhoweare"><a href="whoweare.html">Whoweare</a></li>
    <li id="navIndependent"><a href="independent.html">Independent</a></li>
    <li id="navWhereweare"><a href="whereweare.html">Whereweare</a></li>
    <li id="navLinks"><a href="links.html">Links</a></li>
</ul>

[tox0tes]

Maybe it's getting pushed because you specified it to have a margin-left:239px.... not sure what you want to achieve here, but if you want to relative position it that far, the correct way would be to just do "left:239px"