I\'m using the IE web developer toolbar to troubleshoot an issue. A blank white space is appearing below a list item, and I can\'t logically figure out why. Using the web dev
I've seen this occur with images surrounded by empty divs as well in which this ugly "text node" was creating whitespace that pushed the div below it down.
<div class="top"></div>
<img src="image.jpg" />
<div class="bottom"></div>
The solution that worked for me was to wrap the image in a div:
<div class="top"></div>
<div><img src="image.jpg" /></div>
<div class="bottom"></div>
i have faced a similar issue in tag in IE7, the solution is same as above guy who fixed
this may have to do with the "has layout", your zoom: 1 may work, also try one of these:
li { display: block; }
li { width: auto; }
li { width: 100%; }
you may have to counter act these with a display: inline, or float: left if your trying to get the list to show up as a horizontal menu.
hope that helps