View Full Version : <ul> <li> Spacing problem in Internet Explorer

03-16-2005, 04:33 PM
I'm am working on a website (http://ijscoboer.homeip.net/~harry/willemjacob.nl/) but I have troubles with getting the menu to work properly in Internet explorer (6). Firefox renders it properly, but IE shows space after the second, and lower menu items. Even in the submenu's.

Has anybody got a bright idea? I'm out of ideas at the moment :(

03-16-2005, 05:09 PM
IE, in its infinite sucktitude, does have problems with list items. One fix, which makes for some arse ugly code, but fixes the spacing issue is to remove the line breaks between the <li>'s.

So instead of:

<ul id="menu">
<li><a href="#">home</a></li>
<li><a href="#">section1</a></li>
<li><a href="#">section2</a></li>

You'd have:

<ul id="menu">
<li><a href="#">home</a></li><li><a href="#">section1</a></li><li><a href="#">section2</a></li>

Like I said, it's not pretty, but I've had to do this on a number of occasions to keep IE playing nicely. Sometimes it is so ridiculous in how much it sucks that it renders you speechless.

03-16-2005, 10:18 PM
I remember I had to use that to fix some table problems once, but in this case it doesn't seem to solve the problem... I Heard some thing about 'bugs' in the box model of IE. I'm going to take a look at that now.