IE ul or li display or float issue?

[musicory]

In Firefox, http://www.floodgaterecords.com/index.php displays correctly.

In IE7, you can see the nav cascades downwards. NOT GOOD.

If I add:

#nav li {
float:left;
}

...then three of the four links show up at the top, but the fourth is pushed down to the next line.

This was recommended to me on a similar problem:
"I think it's a hasLayout problem. Try setting min-height:1px or zoom:1.0 for the LI elements."
...but this didn't fix it.

Any more ideas?

Thanks!

[markbrown4]

Hi,

Float the li and the a elements, and you don't have any reason to have overflow set on the anchors either, try:

#nav li {
  float: left;
}
#nav #navi li a { width:196px; height:58px; background-image: url('../g/nav.gif'); background-repeat: no-repeat; float: left; 
 text-indent: -5000px; }