<li> space issues

[jakiti]

Hi

I am having some spacing issues with my navigation bar. It looks fine in NN, Firefox and Opera but it displays heaps of space between each link in IE 6.

I can fix it by moving my padding from #list-menu a to #list-menu li, but it then buggers up the background images and it displays incorrectly across all platforms.

I think I have left something fundamental out and I can't seem to see it. Any help would be most appreciated. The page is currently being tested http://jakitidesign.com/treotham/:

Thanks heaps

This is my css:

#list-menu {
margin:0;
padding:0;
}

#list-menu ul {
 margin:0; 
 padding:0;
 list-style-type:none;
 color:#FFFFFF;
}
 
#list-menu li {
 margin:0;
 padding:0;
}
 
#list-menu a {
 display: block;
 text-decoration: none; 
 color:#FFFFFF;
 margin:0;
 padding-top:0.3em;
 padding-left:1.8em;
 padding-bottom:0.3em;
}
 
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
 color: #FFFFFF;
}
 
#list-menu a:hover {
 background: #cc5aba url(images/navHvr.jpg);
 color: #FFFFFF;
}

[Death Slaught]

Try removing the background attribute from your table division, and using CSS to style it.

Also your page has 9 errors .

Thanks, Death