IE7 cause de "Texte - Noeud de texte vide"

Je suis en utilisant le web IE developer toolbar pour résoudre un problème. Un espace blanc est située au-dessous d'un élément de la liste, et je ne peut logiquement comprendre pourquoi. À l'aide de web dev barre d'outils, je vois que dans l'exemple 1 ci-dessous, un "Texte - Texte Vide Nœud" est en cours de sortie ci-dessous un Texte "Google". Ironiquement, dans le deuxième, avec un espace inséré après le mot "Google", qui nœud de texte ne s'affiche plus. Il ferait tout son sens pour moi, si les résultats ont été inversés. Les idées de ce que peut provoquer ce comportement étrange?

Note: ceci est présente dans IE7, mais pas avec IE8.

<li><a href="www.google.com">Google</a></li> - empty text node appears at end

<li><a href="www.google.com">Google </a></li> - no empty text node

Mise à jour: Ok, j'ai rétréci vers le bas de cette question. Fondamentalement, il semble que il ya un conflit entre certains des attributs que j'utilise. J'ai besoin de l'un de tags à afficher en tant que bloc, de sorte qu'ils s'enroule correctement lorsqu'il y a plusieurs lignes. Mais j'ai aussi besoin d'aucun espace vide entre les éléments. Je ne suis pas tout à fait sûr pourquoi cet espace vide, résout le problème, et je préfère ne pas juste "hack".

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
a
{
    display:block;
}
li
{
    zoom: 1;
}
</style>
    </head>
<body>
    <ul>
        <li>
        <div style="background-color:blue">
            <a href="#"><img  src="http://www.google.com/intl/en_ALL/images/logo.gif"/></a>
        </div>
            <ul>
                <li style="background-color:Red"><a href="#">One</a></li>
                <li style="background-color:green"><a href="#">Two </a></li>
                <li style="background-color:Yellow"><a href="#">Three</a></li>
            </ul>
        </li>
    </ul>
</body>
</html>

source d'informationauteur Jeremy