Kleines Problem mit CSS und Layout

[Bibi]

Hi wahsaga,

vielen Dank - nun klappt es... zumindest teilweise. Firefox zeigt den Kasten nun schön als Tabelle mit zwei Spalten an. Nur die Zentrierung durch das erste DIV wurde durch das CLEAR natürlich aufgehoben.

Wie bekomme ich den ganzen Kasten nun zentriert?

<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><br style="clear:left;" />
     </div>
</div>