Bilder mit Titel

[mm]

Hallo,

Ich habe das Problem, dass bei mir ´die erste Zeile in Ordnung ist, dort werden 3 Bilder nebeneinander angezeigt (so will ich es auch). In der nächsten Zeile wird nur 1 Bild rechts und dann darunter 2 Bilder links und mittig angezeigt. Wie kann ich erreichen, dass in jeder Zeile 3 Bilder in gleicher Höhe nebeneinander angezeigt werden?
Fehler tritt nur beim IE 8 auf. Opera und Firefox zeigen alles richtig an.
Woran liegt das? Was muss ich ändern?

mime

folgender Code:
in CSS-Datei:

  
dl.gallery  
{  
border: 0px solid #000;  
background-color:  
width: 180px;  
text-align: center;  
padding: 5px;  
float: left;  
margin-right: 0em;  
}  
  
.gallery dt { font-weight: bold; }  
  
.gallery dt img  
{  
border: 0px solid #000;  
width: 160px;  
height: 120px;  
}  
  
.gallery dd  
{  
margin: 0;  
padding: 0;  
}

xthml1.0:

  
<dl class="gallery">  
<dt><a href="bild1.php" ><img src="thumbs/bild1.png" alt="bild1.png" /> </a></dt>  
<dt>test</dt>  
<dd>text</dd>  
</dl>  
<dl class="gallery">  
<dt><a href="bild2.php" ><img src="thumbs/bild2.png" alt="bild2.png" /> </a></dt>  
<dt>test</dt>  
<dd>text</dd>  
</dl>  
<dl class="gallery">  
<dt><a href="bild3.php" ><img src="thumbs/bild3.png" alt="bild3.png" /></a></dt>  
<dt>test</dt>  
<dd>text</dd>  
</dl>  
<dl class="gallery">  
<dt><a href="bild4.php" ><img src="thumbs/bild4.png" alt="bild4.png" /> </a></dt>  
<dt>test</dt>  
<dd>text</dd>  
</dl>  
<dl class="gallery">  
<dt><a href="bild5.php" ><img src="thumbs/bild5.png" alt="bild.png" /> </a></dt>  
<dt>test</dt>  
<dd>text</dd>  
</dl>  
<dl class="gallery">  
<dt><a href="bild6.php" ><img src="thumbs/bild6.png" alt="bild6.png" /></a></dt>  
<dt>test</dt>  
<dd>text</dd>  
</dl>