Problème d'alignement de bloc

Bonjour,
J'ai un problème d'alignement de bloc, j'ai un bloc qui englobe trois blocs le premier bloc est dans son bon emplacement la deuxième aussi mais la troisième est situé au dessous.
Voici le code

<div id="offreDsl" style="margin-top:0px; margin-left:40px; width:850px; height:400px; border:#999 thick ;" >
             <div id="offrecommute" style="width:265px; height:400px;float:left; border:#666; " ><h2 class="title">Internet Commuté</h2><hr style="width:180px;margin-top:-20px;color:#F00">
             <p class="text">Vous pouvez vous connecter à l'internet en ayant seulement un modem. Si vous êtes un nouvel abonné, vous profiterez d'un tarif réduit pendant six mois. Aucun engagement n'est requis.</p>
             
             </div>
             <div id="offre5M" style="width:265px; height:400px; border:#000;"><h2  class="title">Internet DSL 5M</h2><hr style="width:160px;color:#F00"><p class="text">Pour une connexion Internet DSL fiable, rapide et sans engagement; c'est ce qu'il vous faut.</p></div>
             <div id="offre24M" style="width:258px; margin-top:-400px; height:400px; float:right;border:#666; "><h2 class="title">Internet DSL 24M</h2><hr style="width:180px;margin-top:-20px;color:#F00"><p class="text">Allez plus vite ! Découvrez notre service Internet haute vitesse le plus rapide.</p></div>
             
             </div>

Voici ce que ça donne en firefox http://nsa25.casimages.com/img/2011/03/19/110319013432552329.jpg
Malgré que dans dreamweaver, y 'a pas un problème d'alignement.
Et merci d'avance pour vos réponses.



--
Merci de changer le problème en résolu quand vous trouvez une solution