[Brown]

ie makes lists with nig gaps betwwen them. how do you kill the gap./

sorry, its too hot to think.

thanks.

[smallbeer]

Andy Budd talked about this I think

and yeah, thinking is out of the question today.

Although I just did.

[Stickman]

Depends on your code, but it probably needs one (or more) of these added to li.

float: left;

display: inline;

margin: 0;

[Brown]

display inline makes them run horizontally. i don't want to do that. i want a list, just without the gaps, like the fox does it.

still working on it. cheers guys.

[Stickman]

One of these might be what you're after:

http://css.maxdesign.com.au/listamatic/

[Brown]

cheers stick. thats in my bookmarks somewhere. will try again.

[Brown]

ok, if you specify a font size fo the #id ul{ font-size: whatever; } then the fox reduces the line height, but ie keeps the lines the same height.

so i added a:

line-height: 1.2em;

to the ul. makes it work fine. thanks.

[adras]

ol {
margin: 0px 0px;
padding: 0px 0px;
}

ul {
padding: 0px 0px;
margin: 0px 0px;
}

li {
/* change the padding to what ever gap size you want */
padding: 0px 0px;
margin: 0px 0px;
}

[Luke Redpath]

IE has a bug which makes it read the whitespace in your code and insert gaps in your formatted lists. Adding margin: 0, padding: 0 will not solve this.

One solution is to remove all of the white space in your list HTML but this makes it unreadable and harder to update. An alternative (and better IMO) solution is this little piece of CSS hackery:

/* Fix IE list spacing. Hide from IE Mac \*/
	* html ul li { float: left; }
	* html ul li a { height: 1%;