Why I hate Internet Explorer

Posted by reto on 02 February, 2006 23:19

I was trying to display a menu I created with a listing correctly in IE for about 1.5h googling myself to death and trying about every hack, until I found out that:
This is called the IE Whitespace-in-Lists Bug, and it's a result of placing a block level anchor in the list item. The simple fix is to set the <li> to display:inline. This cures the bug without any side effects in compliant browsers.
This basically means that if you have something like:
<ul>
 <li><a href="#">Link 1</a></li>
 <li><a href="#">Link 2</a></li>
 <li><a href="#">Link 3</a></li>
 <li><a href="#">Link 4</a></li>
</ul>
and define a { display: block; } IE will create an extra new line between each listing.
Yes, the fix was indeed simple, I was just quering for the wrong keywords for too long... Thank you, IE!

Information and Links

Join the fray by commenting, tracking what others have to say, or linking to it from your blog.


Related Articles
Browse Happy
ICE released!
Updates on Google Bombs
Google bombing - the hype is not over
SpamPoison