margin probleme im firefox

[sheepdog]

hallo forum!

ich habe da probleme mit einem formular css:

label {
       clear:left;
       float:left;
       width: 8em;
       display: block;
       border: 1px solid green;
}

input {
        margin-left: 8em;
        width: 10em;
        display:block;
        border: 1px solid blue;
}
legend { padding: 8px
}

der zugehörige html teil schaut so aus:

<form action='' method='get'>

<fieldset>
<legend>Formular</legend>
<label for='name'>Benutzername</label>
<input type="text" id="name" /><br />
<label for="passwort">Passwort</label>
<input type="text" id="passwort" />
</fieldset>
</form>

das problem ist nun, dass der firefox den margin-left irgendwie komisch anwendet, d.h. das input-feld liegt überhalb der beschriftung, während der opera es nebeneinanderanzeigt wie es sein soll. hätte dazu jemand eine idee?