mehrere <div>, andere position

[sebi]

hallo

ich erzeuge einen fragenkatalog dynamisch mit php.
dabei werden die einzelnen fragen untereinander angeordnet:
__
<div id="frage" style="top:60 px;">
  01. Die Theorie- und Arbeitsblätter, Lehrbücher etc. sind ...  </div>
<div id="antwort" style="top:60 px;">
  <input type="radio" value="1" name="frage1">
  <input type="radio" value="2" name="frage1">
  <input type="radio" value="3" name="frage1">
  <input type="radio" value="4" name="frage1">
  <input type="radio" value="5" name="frage1">
</div>
<div id="extremum1" style="top:60 px;">
  ungeeignet
</div>
<div id="extremum2" style="top:60 px;">
  sehr geeignet
</div>
__
dann folgt ein gleich aufgebauter block, mit der nächsten frage
(syle="top:60 px" wird dann allerdings zu style="top:120px")

im css file ist das element antwort folgendermassen definiert:
__
#antwort {
 color: #FFFFFF;
 background-color: #0066FF;
 text-align: left;
 vertical-align: top;
 left: 540px;
 position: absolute;
 height: 30px;
 width: 120px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: normal;
 border: 1px none #FFFFFF;
 padding-left: 5px;
}
__
(die elemente frage, extremum1,2 sind analog definiert)

safari und verschiedene IE versionen interpretieren das ganze richtig
(bzw. so wie ich es mir vorstelle)
mozilla ignoriert allerdings "style="top:xx px" und es werden alle fragen übereinander geschrieben. woran liegt das?