✔ Tabellenbreite stimmt nicht in div-Tag mit fester Größe

[catcharry]

Hallo,

habe im IE das Problem, dass eine Tabelle in einem größenmäßig definierten Div-Tag nicht vertikal verläuft, sondern horizontal.

Hier mal die Codes.

CSS:

#thema
	{
	background-color: #9ECFEB;
	position: absolute;
	top: 0px;
	left: 204px;
	width: 290px;
	height: 465px;
	overflow: auto;
	}

.thema_headline
	{
	padding: 10px;
	}

.thema_content
	{
	padding: 30px 10px 10px 10px;
	float: left;
	}

.thema_titel
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: black;
	text-decoration: none;
	line-height: 24px;
	}

HTML:

<div id="thema">
	<img src="../images/texte/leseproben.gif" border="0" class="thema_headline">

	<table width="250" align="left" cellpadding="0" cellspacing="0" border="0" class="thema_content">
		<tr>
			<td>

			<table width="250" align="left" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td width="120" align="left" valign="top"><img src="../images/titel/insel.jpg" border="0"></td>
					<td align="left" valign="top">
						Alistair MacLeod<br>
						<span class="thema_titel">Die Insel</span><br>
						448 Seiten / Taschenbuch<br>
						Fischer Taschenbuch<br>
						<span class="thema_titel">&euro; 9,95</span><br>
						<a href="" target="detail" class="link">&raquo; mehr Informationen</a>
					</td>
				</tr>
			</table>

			<table width="250" align="left" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td align="left" valign="middle" height="30">
						<img src="../images/line.gif" width="250" heigth="1" border="0">
					</td>
				</tr>
			</table>

			<table width="250" align="left" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td width="120" align="left" valign="top"><img src="../images/titel/insel.jpg" border="0"></td>
					<td align="left" valign="top">
						Alistair MacLeod<br>
						<span class="thema_titel">Die Insel</span><br>
						448 Seiten / Taschenbuch<br>
						Fischer Taschenbuch<br>
						<span class="thema_titel">&euro; 9,95</span><br>
						<a href="" target="detail" class="link">&raquo; mehr Informationen</a>
					</td>
				</tr>
			</table>

			<table width="250" align="left" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td align="left" valign="middle" height="30">
						<img src="../images/line.gif" width="250" heigth="1" border="0">
					</td>
				</tr>
			</table>

			<table width="250" align="left" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td width="120" align="left" valign="top"><img src="../images/titel/insel.jpg" border="0"></td>
					<td align="left" valign="top">
						Alistair MacLeod<br>
						<span class="thema_titel">Die Insel</span><br>
						448 Seiten / Taschenbuch<br>
						Fischer Taschenbuch<br>
						<span class="thema_titel">&euro; 9,95</span><br>
						<a href="" target="detail" class="link">&raquo; mehr Informationen</a>
					</td>
				</tr>
			</table>

			<table width="250" align="left" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td align="left" valign="middle" height="30">
						<img src="../images/line.gif" width="250" heigth="1" border="0">
					</td>
				</tr>
			</table>

			</td>
		</tr>
	</table>
</div>

Ich habe aufgegeben. Ist wohl überflüssig zu erwähnen, dass alle anderen Browser .

 

[catcharry]

Hab's doch noch gefunden. "Clear" hat gefehlt.