AjaxLine

Rob Glazebrook post an article on CSSNewbies site in which he shows how to solve the problem with the IE6 whitespace bug. He gave several various solutions of this problem in the article. Here's one of it:

«This is the most arcane of all the solutions, but to be honest, it’s the one I’ve used most often in the past – because I didn’t know about the other solutions! If you remove the white space from your code, this prevents IE from having anything to screw up. Specifically, if you remove the white space between your closing list item and the next opening list item, and your last closing list item and the end of your list, this will fix the problem. So you just need to turn this:

<ul>

<li><a href="#">First Item</a></li>

<li><a href="#">Second Item</a></li>

<li><a href="#">Third One!</a></li>

</ul>

Into this:

<ul>

<li><a href="#">First Item</a></li><li>

<a href="#">Second Item</a></li><li>

<a href="#">Third One!</a></li></ul>

Like I said, this isn’t exactly an elegant solution. But it does work, and it can be useful in places when CSS isn’t entirely reliable (like in HTML emails).»

You can read the full version of this article with over articles on the CSSNewbies site.