Probleme mit div, float und browsern

[Tudor]

Folgender Text ergibt bei Firefox und IE unterschiedliche Ergebnisse, und ich möchte gern das vom IE auch bei Firefox haben... wo is mein Fehler?
der link: ( http://www.difvgg-priebe.de/test/test.html ) zeigt eine html mit unten gepostetem quelltextoder bitte kurz ne html mit dem quelltext erstellen und mit den beiden browsern öffenen. problem sieht man dann im firefox hoff ich. ie machts so wie ich es mir vorstellen.
sind 2 boxen mit je 3 divs, einmal mit div three:viel inhalt einmal mit div two: viel inhalt.

Quelltext

<style type="text/css">
<!--
.one {
 position: relative;
 top:0;
 left:0;
 border:thick solid #FF0033;
 width:200px;
 background-color: #00CCFF;
}
.two {
 position: relative;
 background-color: #66CC66;
 margin-right:2px;
 margin-left:2px
}
.three {
 position: relative;
 width:40px;
 float:left;
 background-color: #FF6633;
}
-->
</style>
<div class=one>
  <div class=two>
    <div class=three>Info klein</div>
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</div>
</div>

<br><br>

<div class=one>
  <div class=two>
    <div class=three>Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info</div>
    Text klein</div>
</div>