I cant believe the search didnt give me any results for this issue, im sure its been dealt with before.

Anyway.
The problem:
Extra gaps between list items (vertically).

I am making a vertical, multi-level menu (nav) but in IE 7 (i havnt chekd IE 6) ther are extra gaps between each list item, the li's are displayed on block-level (i.e. #menu ul li{display:block;}) i have tried this solution:
Remove breaks between the closing and opening li tags in the HTML like so:

<ul>
<li>blah</li><li>
blah 2</li><li>
blah 3</li>
</ul>

but this didnt work...

all help appreciated, thank you.

you should post your css code that displays them.

remove the margins on the <li>

This is a known problem with IE6 that I thought was fixed in IE7. I'd try what Chris suggested, but just in case, this is what I usually do to make IE6 behave (using conditional comments and a separate css file, of course):

* html #nav li a{
height: 1%;
vertical-align: bottom;
}

hey, chrishirst and ladynred, thank you, both your solutions worked.