Help with whitespaces (gaps) between <li> list objects in IE

[dannel77]

The list looks fine in Firefox, but in IE there are som gaps between the
lines, the list is an ordinary: <ul><li> unordered list..

I'm trying to make the lists look identical in both browsers but it's much more compact in Firefox, and in IE there appears to be some "padding" or something around every textstring.. Have searched the net for a solution and heard of this bug in IE, does somene here have a solution for this problem?

The CSS file look like this right now:

li{list-style: disc; }
li{margin: 0; padding: 0;}

[nogray]

try this
[code]
ul, ol, li{margin: 0; padding: 0;}
[/code]

[dannel77]

Have tried it now, but it makes now difference, the space between the lines are still there.. and the list is much
more compact in Firefox..

[wildteen88]

Do you have paragraph tags (<p></p>) or line break tags (< br>) inside the list tags (<li></li>)? If you do take them out. Also could you post your html code for your list here too.

[dannel77]

No, I have no <p> or <br> within the tags, but I found out today that if I set the font size to 1, the lists look almost the same in IE anf FF.. But since I use a fixed size of 10px IE can't "delete" the whitespace in between.. and the list is as compact with size 1 as with a font size of 10 px.. :-\

[AndyB]

Then either what you see is the way those browsers work or you can try fixing the line-height with extra CSS.

li { line-height:120%;}

[dannel77]

Thanx a million man!! Worked fine with a line-height of 150%, now the lists look the same in IE and FF!  :)