Kleines Problem mit CSS und Layout

[Bibi]

Hallo liebe SELTHTML-Community,

ich bastele gerade an einer kleinen Webseite und habe ein Problem mit etwas CSS. Geplant ist eine Art Tabelle mit zwei Spalten via CSS. Im Internet Explorer wird es auch korrekt angezeigt, doch beim Firefox ist die Tabelle nur wenige Pixel hoch und somit nicht wie geplant.

Da Firefox normalerweise den Code korrekt umwandelt, habe ich wohl irgendwo einen Fehler im Code. Wer kann mir helfen und sagen wo er ist:

<div style="text-align: center;">
     <div style="width:700px; border: 1px dashed #777777; background-color: #ffffff; padding: 5px; ">
          <div style="width:400px; float: left; text-align: left;">
               <div style="color: #777777; font-size: 12pt; font-weight: bold;"> Überschrift 1: </div>
               <ul style="margin-top: 5px; list-style-type: circle;">
                   <li> Dies ist ein Mustertext </li>
               </ul>
          </div>
          <div style="width:300px; float: left; text-align: left;">
               <div style="color: #777777; font-size: 12pt; font-weight: bold;"> Überschrift 2: </div>
               <ul style="margin-top: 5px; list-style-type: circle;">
                   <li> Dies ist ein Mustertext </li>
                   <li> Dies ist ein Mustertext </li>
               </ul>
          </div>
     </div>
</div>