#menu ul, li {
margin: 0px;
padding: 0px;
}
#menu li {
display: inline;
list-style: none;
background-color: yellow;
}
#menu li a {
font-size: 8pt;
}
Using that works as I would expect on IE making each item horizontal and flush against each other...but in FF there are gaps (especially horizontally)...I need each LI to only be one pixel apart, what CSS attribute am I missing? Is there nothing I can do in FF?
I use float: left instead of display: inline and that did the trick
Yippy
The problem is, in IE when I resize the window to something smaller than my tabs, they break onto new lines...very lugly for design...is there anyway to avoid this?
In FireFox I think it is the min-width attribute I've specified in the html, body tags...obviously ignored by IE...
I don't understand why your first solution (with inline) doesn't work. In my FF it's flush. Are you sure there isn't any other style declaration somewhere else in your stylesheet messing with some value?
I tinkered with *everything* I was aware of and nothing seemed to remove the padding between each LI element.
In anycase it works as expect in FF now...so I just need to figure out a way to prevent IE from breaking each LI onto new lines when it runs out of space