Ole: Internet Explorer und fixe Höhen für Listenelemente

Guten Morgen,

ich bin grade über eine Sache gestolpert. Ich habe folgenden Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>li-test</title>  
<style type="text/css">  
ul {margin: 0; padding: 0;}  
ul li {list-style-type: square; list-style-position: inside; color: #75AB10; padding: 3px; /* height: 55px; */}  
ul li span {color: #000;}  
</style>  
</head>  
<body>  
<ul>  
<li><span>Sed sed augue. Vestibulum vel neque. Phasellus convallis. Phasellus nec leo ut eros sodales accumsan. Praesent sit amet nibh a justo tincidunt bibendum. Vestibulum convallis felis at metus. Proin congue justo at magna. Nulla nisi sapien, placerat ut, ultrices at, eleifend ac, turpis. Curabitur gravida. Duis egestas urna. Aenean at elit. Etiam feugiat dui vel libero.</span></li>  
<li><span>Sed sed augue. Vestibulum vel neque. Phasellus convallis. Phasellus nec leo ut eros sodales accumsan. Praesent sit amet nibh a justo tincidunt bibendum. Vestibulum convallis felis at metus. Proin congue justo at magna. Nulla nisi sapien, placerat ut, ultrices at, eleifend ac, turpis. Curabitur gravida. Duis egestas urna. Aenean at elit. Etiam feugiat dui vel libero.</span></li>  
<li><span>Sed sed augue. Vestibulum vel neque. Phasellus convallis. Phasellus nec leo ut eros sodales accumsan. Praesent sit amet nibh a justo tincidunt bibendum. Vestibulum convallis felis at metus. Proin congue justo at magna. Nulla nisi sapien, placerat ut, ultrices at, eleifend ac, turpis. Curabitur gravida. Duis egestas urna. Aenean at elit. Etiam feugiat dui vel libero.</span></li>  
</ul>  
</body>  
</html>  

Solange "height: 55px;" auskommentiert ist, ist alles prima. Entferne ich nun jedoch die Kommentare, rutschen die Aufzählungszeichen im Internet Explorer (nur getestet im 7er) runter.

Warum? Und wie lässt sich das umgehen/beheben/vertuschen?

Ich habe jetzt schon eine ganze Weile im Archiv und bei Google gesucht, aber nichts gefunden. Hat jemand mehr Glück oder kann mir so helfen?

Danke & Gruß
Ole
(8-)>

--
Das Wort Vegetarier kommt aus dem Indianischen und bedeutet: Zu dumm zum Jagen.
  1. Hallo,

    ich kann dir nur folgendes _Würg_around anbieten:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>li-test</title>  
    <style type="text/css">  
    ul,li {margin:0; padding:0;}  
    ul li {list-style-type:none; padding: 3px; height:55px; color:#00f; background:url(http://src.selfhtml.org/mail.gif) no-repeat 0 .4em; line-height:1em; }  
    ul li:first-letter { padding-left:1em;}  
    </style>  
    </head>  
    <body>  
    <ul>  
    <li>Sed sed augue. Vestibulum vel neque. Phasellus convallis. Phasellus nec leo ut eros sodales accumsan. Praesent sit amet nibh a justo tincidunt bibendum. Vestibulum convallis felis at metus. Proin congue justo at magna. Nulla nisi sapien, placerat ut, ultrices at, eleifend ac, turpis. Curabitur gravida. Duis egestas urna. Aenean at elit. Etiam feugiat dui vel libero.</li>  
    <li>Sed sed augue. Vestibulum vel neque. Phasellus convallis. Phasellus nec leo ut eros sodales accumsan. Praesent sit amet nibh a justo tincidunt bibendum. Vestibulum convallis felis at metus. Proin congue justo at magna. Nulla nisi sapien, placerat ut, ultrices at, eleifend ac, turpis. Curabitur gravida. Duis egestas urna. Aenean at elit. Etiam feugiat dui vel libero.</li>  
    <li>Sed sed augue. Vestibulum vel neque. Phasellus convallis. Phasellus nec leo ut eros sodales accumsan. Praesent sit amet nibh a justo tincidunt bibendum. Vestibulum convallis felis at metus. Proin congue justo at magna. Nulla nisi sapien, placerat ut, ultrices at, eleifend ac, turpis. Curabitur gravida. Duis egestas urna. Aenean at elit. Etiam feugiat dui vel libero.</li>  
    </ul>  
    </body>  
    </html>
    

    Vielleicht hat aber noch jemand eine andere / bessere Idee.

    Gruß
    stefan