Besynderlig form i IE7

Jeg sidder og undres lidt over hvordan form-elementer opfører sig i IE7. Simpel kode som denne:

http://localhost/investeringsauktionen.dk/login.php<style type="text/css">
form.login {
    border: 1px solid green;
}
form.login fieldset {
    position: relative;
    width: 30%;
    border: 1px solid red;
}
</style>
<form method="post" action="" class="login" id="login">
  <fieldset>
      <legend>Login:</legend>
      <span class="auction_info_labels">Brugernavn:</span>
      <input type="text" name="login_username" id="login_username" />
      <br />
       
      <span>Kodeord:</span>
      <input type="password" name="login_password" id="login_password" />
      <br />
       
      <input type="submit" value="Log ind" name="submit_login" />
  </fieldset>
</form>

<p>test</p>

giver et højest besynderligt resultat. Den grønne ramme om formen, ligger klinet op til indholdsdelen af browservinduet, dvs. som om man havde sat en explicit højde og bredde på form-elementet til 100%.

Det sjove er så, at p-elementet med teksten, ligger der hvor man kunne forvente det, oppe under form-felterne, hvilket jo kan undre når det ligger udenfor form-tags i kildekoden...

Nogle der kan forklare det underlige fænomen?