DIV Boxen nebeneinander?!

[Albert]

So folgendes problem ich sitze nun schon seit mehreren stunden an meinem div basierten layout für eine aktionsseite.
Sie soll folgendermaßen aussehen:
In einer "zeile" befinden sich immer 2 Aktionen, in einer Aktion befindet sich links ein bild und rechts daneben ist eine Beschreibung sowie unterhalb zwei kästchen mit altem preis und neuem preis.

in Opera und IE7 werden zumindest die aktionen so angezeigt wie es sollte (auch nicht nebeneinander) aber im Firefox ist alles untereinander!

achja die box in der das ganze gezwängt wird hat 780px width und 490px height was aber nicht das problem sein sollte.

hier mal der css code:

/* CSS Document */
<!-- beinhaltet zwei aktionen ist eine zeile -->
#zeile {
 width:780px;
 height:110px;
 margin:0px;
 padding:0px;
}
<!-- ist der schwarze rahmen um eine box links-->
#aktionborderlinks {
 float:left;
 width:390px;
 height:110px;
 margin:0px;
 padding:0px;
 background-color:#000000;
}
<!-- ist der schwarze rahmen um eine box rechts-->
#aktionborderrechts {
 float:right;
 width:390px;
 height:110px;
 margin:0px;
 padding:0px;
 background-color:#000000;
}
<!-- ist eine Aktion -->
#aktion {
 width:388px;
 height:108px;
 margin:1px;
 padding:0px;
 background-color:#FFFFFF;
}
<!-- hier kommt ein Bild des Produktes rein -->
#bild {
 float:left;
 width:108px;
 height:108px;
 margin:0px;
 padding:0px;
}
<!-- Ist die Box neben dem Produktbild -->
#aktionstext {
 float:right;
 width:280px;
 height:108px;
 margin:0px;
 padding:0px;
}
<!-- Der Produktname sowie die Beschreibung des Produkts kommen hier rein  -->
#beschreibung {
 width:280px;
 height:78px;
 margin:0px;
 padding:0px;
}
<!-- hier sind die beiden preisboxen enthalten -->
#preis{
 width:280px;
 height:30px;
 padding:0px;
 margin:0px;
}
<!-- der standartpreis -->
#preisalt {
 float:left;
 width:140px;
 height:30px;
 padding:0px;
 margin:0px;
 background-color:#333333;
}
<!-- der aktionspreis -->
#preisneu {
 float:right;
 width:140px;
 height:30px;
 padding:0px;
 margin:0px;
 background-color:#333333;
}

und der HTML code dazu:

<h1>Aktionen</h1>
    <div id="wichtig">G&uuml;ltig vom 1.1.2008 bis 31.12.2008.</div>
    <div id="zeile">
     <div id="aktionborderlinks">
      <div id="aktion">
       <div id="bild">
        <img src="./Images/rinne.jpg" />
       </div>
       <div id="aktionstext">
        <div id="beschreibung">
         Rinnenk&ouml;rper V 200 mit Drainlock&copy; aus Polymerbeton, mit integriertem Kantenschutz, mit ACO DRAIN Sicherheitsfalz (SF), für        flüssigkeitsdichte Verlegung
        </div>
        <div id="preis">
         <div id="preisalt">
          St&uuml;ck<br />
          statt 89,90 &euro;
         </div>
         <div id="preisneu">
          79,90 &euro;
         </div>
        </div>
       </div>
      </div>
     </div>
     <div id="aktionborderrechts">
      <div id="aktion">
       <div id="bild">
        <img src="./Images/rost.jpg" />
       </div>
       <div id="aktionstext">
        <div id="beschreibung">
         Abdeckroste mit Drainlock&copy; für Rinnenkörper und Einlaufkasten V 100
        </div>
        <div id="preis">
         <div id="preisalt">
          St&uuml;ck<br />
          statt 29,90 &euro;
         </div>
         <div id="preisneu">
          25,90 &euro;
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>