IE 6: float-Bild: Rahmen größer als Bild

Hallo,

leider habe ich ein Problem: IE 6 (Windows) stellt bei einem float-Bild den Rahmen größer dar als das Bild. Wie kann ich dem IE beibringen, daß er den Rahmen richtig zieht?

Habe mit IE 6, Mozilla 1.4 und Opera 7.11 (jeweils Windows-Ausgabe) getestet.

Ansehen könnt Ihr das hier: www.franken-online.de/rhodos-bilder/test.htm (kein Link, weil noch im Test und Inhalt nicht fertig). CSS-Angaben sind noch im head.

#bewertung { }
#bewertung div.bild {
  float: right;
  width: 148px; height:111px;
  border-width:2px; border-style:solid; border-color:navy;
  margin: 0.8em 0.65em 0.4em 1.0em;
}
#bewertung div.text {
  margin-left: 1.6em;
  text-align: justify;
}

<h3>Gasthaus &quot;Heroldsmühle&quot; bei Oberleinleiter (fränkische Fischspezialitäten):</h3>
<div id="bewertung">
  <div class="bild">
    <img src="bilder/bild-10.jpg" alt="Bild 10">
  </div>
  <div class="text">
    <p>... (Text) ...</p>
  </div>
  ...
</div>

Bin auch für sonstige Hinweise dankbar.

Gruß, Käptn Blaubär

Jörg, besten Dank.