Nav menu not lining up in IE6

Hi there,

I'm trying to figure out how to get this nav to line up properly in IE6. So far I feel like I'm banging my head against a wall.

Could someone please illuminated me as to what I'm doing wrong? I've been trying to fix this for about 10 hours, and I feel like a total idiot. I really appreciate your help.

Here's the website:

http://teachmelighting.com

Thank you.

<div id="nav">

<ul id="navtabs">
<li><a href="design">Design</a></li>
</ul>

<ul id="navtabsa">
<li><a href="green">Green</a></li>
</ul>

<ul id="navtabsb">
<li><a href="commercial">Commercial</a></li>
</ul>

<ul id="navtabsc">
<li><a href="residential">Residential</a></li>
</ul>

<ul id="navtabsd">
<li><a href="closeout-deals">Closeout Deals</a></li>
</ul>
</div>
Your markup resembles me of divitis (http://csscreator.com/?q=divitis) (you may change the name ;))

Yuu need to simplify your markup like
<ul id="nav">
<li id="navtabs"><a href="design">Design</a></li>
<li id="navtabsa"><a href="green">Green</a></li>
..............
</ul>

thanks abduraooft,

I had my markup like that, but the menu wouldn't work. So I had to change it. =/

Is there any way to fix this with the current markup?

/*
Theme Name: TML
Description: teachmebaby.
Version: 2.0
Author: Jonathan Mead
*/

ADD THIS to the start of your css.


*{margin: 0;
padding: 0;}

body {
margin: 0;
padding: 0;
background: #c0c0c0 repeat-y url(images/content-bg.gif) center;
color: #4a4a4a;
font: normal 13px Lucida Grande, Lucida, Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
}

Check it here. (http://exitfegs.co.uk/lighting.html)

Frank