Safari kommt durcheinander

[Magerquark]

Das ist ja mal ein Ding: FF, Opera und Co, sogar der olle Blöd-IE (7 und 6) zeigen es richtig an. Nur Safari (3.1.1.) spinnt. Es ist ein Div fester Größe gegeben. Darin sollen Definitionslisten mit Bildern als dt links und rechts gefloatet werden. Jeweils rechts von dem Bild sind dds. Alle Browser stellen es richtig dar, nur Safari drückt den Inhalt der dd unter das Bild. Hoppala! Wie kommt das denn?

<div id="halter">
 <dl class="pro_ueber links">
  <dt><a href="irgendwohin.html"><img src="bild.jpg" width="214" height="160" alt="alttext" /></a></dt>
  <dd class="ddtop" title="Jahr">2007</dd>
  <dd title="Typ">Lalala</dd>
  <dd title="Ort">Lololo</dd>
 </dl>	
 <dl class="pro_ueber rechts">
  <dt><a href="irgendwohin2.html"><img src="bild.jpg" width="214" height="160" alt="alttext2" /></a></dt>
  <dd class="ddtop" title="Jahr">2007</dd>
  <dd title="Typ">Hihihi</dd>
  <dd title="Ort">Hohoho</dd>
 </dl>
</div>

body{
margin: 0;
padding: 50px 0;
color: #888;
font: small sans-serif;
text-align: center;
background-color: #c5c5c5;
}
				
#halter{
text-align: left;
width: 880px;
height: 180px;
padding: 10px;
background-color: #fff;
margin: 0 auto;
}
			
dl{
display: inline;
font-size: .75em;
text-transform: lowercase;
}

dt{
margin-right: 4px;
float: left;
font-weight: bold;
margin-top: 5px;
}

dd{
float: left;
margin-right: 10px;
margin-top: 5px;
}

.pro_ueber{
font-weight: bold;
}

.links{
float: left;
}

.rechts{
float: right;
}

.pro_ueber dt{
margin-right: 10px;
width: 214px;
float: left;
}

.pro_ueber dd{
float: none;
text-align: left;
line-height: 1em;
}

.ddtop{
margin-top: 128px;
}
				
a img{ border: none; }

Im Anhang Bilder wie es falsch aussieht (links, Safari) und wie richtig in allen anderen Browsern (rechts).

Frage: Weiß jemand, wie man Safari dazu bringt, die dds ebenfalls neben die dts zu stellen?

[th2409]

Du hast zumindest für das <dl> keine Breite angegeben. Wenn ein Element gefloatet wird, muss es eine width-Angabe bekommen - so auch die Aussage in den CSS-Spezifikationen.
Bei mir klappte es danach auch im Safari.