In some (weird) cases, Internet Explorer (both 6 and 7, i didn’t use 8 yet) add an extra margin to your list elements (LI). This is very annoying and frustrating if you don’t know how to get rid of it.

You have two solution:

First one, if you already coded your site and you saw the bug very lately, you can add a negative margin to list elements (either top or bottom). Every time i used this method i had no problems, so… I think it works

Second one implies to use some non-semantic code. Actually… Is not always non-semantic. Sounds weird? Well… Did you ever heard of Definition Lists? DL/DT/DD. If yes, then start using it! IE doesn’t have any problems at all with this. If no, read some infos about this and then start using.

Why i tell you that is both semantic and non semantic code? For instance, on a menu, is more adequate to use UL/LI tags. Is a list? Ofcourse! But, you can use, as well DL/DD tags.

I know, is messy, but it works flawless