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

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

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>
 

[drhowarddrfine]

Which doctype are you using?

[nicky77]

i'm using XHTML 1.0 Transitional - could this be the problem? i usually use XHTML Strict, however, i'm helping out a friend with this problem and he has created his site using Dreamweaver. I had to strip out deprecated tags and styling within the HTML.

[drhowarddrfine]

Probably not but I wanted to make sure you are using one because IE goes into quirks without it.

I just got back from out of town and not really all here yet.