Froschpopo: Mozilla und das liebe display

Beitrag lesen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
 <head>
 <title>Test</title>

<body>
  <ul style="width:450px;background-color:red">
   <li style="border-bottom:1px solid #000;float:left;">
       <label for="test" style="float:left;display:block;width:140px;">Eingabe:und ein Zeilenumbruch...........</label>
       <input type="text" name="input" id="test"  />
   </li>
   <li style="border-bottom:1px solid #000;float:left;clear:left;">
       <label for="test" style="float:left;display:block;width:140px;">Eingabe:und ein Zeilenumbruch...........</label>
       <input type="text" name="input" id="test"  />
   </li>
  </ul>
 </body>
</html>

Irgendwo musste ja ein Harken sein.
Der Code hat genau dasselbe Problem wie mein erster auch. Du kannst das obige Beispiel einfach kopieren und es dir dann im Internet Explorer mal anschauen.

CSS: Von wegen Barrierefreie tolle Formulare