Matschek: Spaltenbreiten via COL behagt sich mit TD-Paddings

Beitrag lesen

Hallo,

folgendes kleines Tabellenkonstrukt bekomme ich nicht Cross-Browser ready. Ich habe mir das im Standards-Mode mit IE7+ und FF3.5 angesehen.
Codeausschnitt:

td {  
	padding: 20px;  
	border: 1px solid black;  
}
~~~html
<table>  
	<colgroup>  
		<col style="width: 100px;"/>  
		<col style="width: 100px;"/>  
		<col style="width: 100px;"/>  
	</colgroup>  
	<tr>  
		<td>1</td>  
		<td>2</td>  
		<td>3</td>  
	</tr>  
</table>

Das Resultat ist eine unterschiedliche effektive Spaltenbreite.
Der Fuchs sieht die Sache wohl so, dass die Spalte fix 100px ist, und platziert darin die TDs mit 20px Padding, damit stehen 60px für den Inhalt zur Verfügung.
Der IE hingegen "argumentiert" wohl, dass die in der COL definierte Breite als Breite der TD durchvererbt wird (gem. CSS natürlich nicht wirklich geerbt). Der Folgeschluss ist dann, dass die Gesamtbreite der TDs die 100px plus Padding ist. Damit stehen 100px für den Inhalt zur Verfügung, und die Spalten sind effektiv 140px breit.

Wie bekomm' ich das unter ein Dach?

Gruß,
Matschek