Why I hate Internet Explorer
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:
Yes, the fix was indeed simple, I was just quering for the wrong keywords for too long... Thank you, IE!
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
