I'm having quite a problem with the height in one of my rows in a table. Please see http://www.djcyrix.be/acu/ in both Firefox and IE and you'll see what I mean. Firefox displays the table correctly, while IE won't. I've inserted a 'height'-tag everywhere where possible and still IE seems to add all that whitespace to my row.
this is the code used for this particular table(i know there are too much height-tags, that's because i've been putting them everywhere to get it work but it won't, while all of it works in Firefox.):
<table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%">
<tr height="15px"></tr>
<tr height="173px" style="height:173px;">
<td width="15px" rowspan = "4"></td>
<td width="186px" valign="top" height="173px"><img src="images/skinneedle.gif" /></td>
<td width="15px" rowspan="4"></td>
<td align="left" rowspan="4">
<?php
if(!isset($_GET['page'])) {
include("home.php");
} else {
$page = $_REQUEST['page'];
include($page.".php");
}
?></td>
<td width="15px" rowspan="4"></td>
</tr>
<tr>
<td background="images/skin.gif" style="background-repeat:repeat; vertical-align:text-top"><font style="color:#FFFFFF; font-style:italic; font-stretch:condensed"> ACUPUNCTUUR<br /> PETER VANOVERBEKE</font></td>
</tr>
</table>
