Kannst Du das spezifizieren? Habe gerade auch ein "Problemchen" beim IE8 mit float und clear. Allerdings ohne ein <input />
html sieht so aus:
<form method="post" action="">
<fieldset>
<legend>Ihre Daten</legend>
<label for="mf_titel">Titel</label> <input type="text" id="mf_titel" name="mf_titel" /><br />
<label for="mf_vorname">Vorname</label> <input type="text" id="mf_vorname" name="mf_vorname" /><br />
</fieldset>
</form>
form {
padding: 0;
margin: 0 0 30px 0;
border: 0;
width: 400px;
}
form br {
clear: both;
}
fieldset {
padding: 5px 0 0 0;
margin: 5px 0 0 0;
border: 0;
border-top: 1px solid #ffffff;
}
label {
float: left;
width: 125px;
margin: 3px 5px 4px 15px;
}
input {
margin: 0 0 1px 0;
float: left;
width: 200px;
border: 1px solid #666666;
}
Nachdem aber die Seiten valide sind und sämtliche "modernen" Browser diese richtig anzeigen, hoffe ich auf einen Bug der "beta".
in meinem fall ist es auch in anderen modernen browsern und auch im ie6 richtig ;)
leider hab ich hier jetzt grade keinen ie8 zum testen, im ie8 sollten aber die labels und inputs "vertauscht" sein bzw das umbruchs/umflussverhalten ist anders als in opera, safari, firefox und < ie8
ich hab mir dann einfach abgeholfen und die <br />-elemente entfernt und durch absätze getauscht
<p>
<label /> <input />
</p>