PDA

View Full Version : Another IE6 navbar position problem....



nicky77
Aug 13th, 2007, 08:09 PM
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


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


<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>