Navigation menu appears correct in FF not in IE6

[alandomixwell]

I'm trying to get the site to appear the same way in Internet Explorer as it does in Firefox. As you can see in the images below, IE6 does not render the navigation title & menu and part of the header correctly. If anyone can help with a resolution to this problem it will be greatly appreciated!

Website Address: http://www.motor-fx.net/

Firefox: IE6:

[dab42pat]

Give this a go.

HTML: Select all

<li><a href="index.html" title="Home">Home</a></li    
><li><a href="#" title="Products">Products</a></li    
><li><a href="#" title="Links">Links</a></li    
><li><a href="#" title="About">About</a></li    
><li><a href="contact.php" title="Contact Us">Contact Us</a></li
></ul>

[alandomixwell]

Wow thank you dab42pat!!! That did the trick. I couldn't really determine what is different about the code you posted and the original html. If it wouldn't be too much trouble could you please explain to me what you did different so I can avoid this problem in the future. Does it have something to do with how the li tag is closed?

[dab42pat]

Yes it is to do with the <li>, if you drop the > from the li tag it ensures that each navigation item remains indented on its own line and the whitespace between the elements is removed. I believe there are other ways but this is the option that works for me.

Glad it worked for you.