tabel doet raar

Hallo allemaal,

Ik heb een tabels gemaakt als basis voor mijn website, maar deze doet een beetje raar. Als ik de tabel helemaal leeg maak doet ie het goed, maar zodra ik er tekst (een paar woorden) of een plaatje pakt hij ineens de maten die ik opgegeven heb niet meer. Wie weet wast dit is? Het gaat om de volgende tabel.

<table width=100% height=100%>
<tr height=15px><td colspan=6></td></tr>
<tr height=125px>
<td width=15px rowspan=3></td>
<td width=15px class=zbalk rowspan=2></td>
<td colspan=3>
<table height=100% width=100%>
<tr height=125px>
<td> <img src=images/top.jpg height=125px>
</td>
</tr>
</table>
</td>
<td width=15px rowspan=3></td>
</tr><tr>
<td width=150px></td>
<td width=15px rowspan=2></td>
<td rowspan=2></td>
</tr><tr>
<td width=15px></td>
<td width=150px></td>
</tr>
<tr height=15px><td colspan=6><div class=bottom></div></td></tr>
</table>

Dit heb ik de stylesheet gezet

body {background:#ffffff;
overflow: auto;
margin: 0px;
}

table {overflow: hidden;
border: 1px solid #000000;
padding: 0px;
margin: 0px;
background:#ffffff;
border-collapse: collapse;
table-layout: auto;
}

td {border: 1px solid #000000;
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, MS Sans Serif, sans-serif;
font-size: 15px;
background:#ffffff;
vertical-align: top;
display: table-cell;
}

.zbalk {background: #afe000;}

.bottom {font-family: Verdana, Arial, MS Sans Serif, sans-serif;
font-size: 10px;
color: #808080;
}

Alvast heel erh bedankt, ik snap er niks van.

Koen