IE6, table-layout:fixed; & margin

[Sascha Grehl]

Hallo,

folgendes Problem:

Ich wollte eine mit einer Tabelle ein Bild mit einem kleinen Text darunter anzeigen. Dabei soll die Tabelle maximal so breit sein wie das Bild + margin. Der IE6 (und der IE7) vergrößern aber sobald der Text breiter als das Bild ist die Tabelle. Darum habe ich table auf fixed gesetzt und das erste <td> mit Höhen- und Breitenangaben versehen. Nun wird zwar im IE7 und IE6 die Bildbreite eingehalten, leider wird jedoch im IE6 nicht (wie auch im Opera oder FF) das Margin noch hinzugefügt. Gibt es eine Möglichkeit dieses Problem zu beheben.

img{
 float:none;
 margin:1em;
 border:1px solid #000000;
}

table{
  table-layout:fixed;
}

<table align="center">
 <tr>
  <td width="100px" height="100px"><img src="bild.jpg" /></td>
 </tr>
 <tr>
  <td>Zu breiter Text</td>
 </tr>
</table>

Bsp.: siehe URL

Mfg
S.G.