I'm having a tough time eliminating an annoying line break/space in IE. Here's the full code for the page (located at vidora.info):
<html>
<title>Vidora.info - The Way Browsing Should Be</title>
<body topwidth="0" bottomwidth="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" align="center">
<table align="center" cellpadding="0" cellspacing="0" border="0" width="830" height="380">
<tr>
<td width="240" align="left" valign="bottom">
<img width="240" height="380" src="vidora_left.jpg">
</td>
<td width="350" height="380" align="center" valign="bottom">
<img width="350" height="380" src="vidora_panel5.jpg">
</td>
<td valign="top">
<!-- ImageReady Slices (vidora_right2.jpg) -->
<table id="Table_01" width="240" height="380" border="0" cellpadding="0" cellspacing="0" valign="bottom">
<tr>
<td colspan="3">
<img src="vidora_right2_01.jpg" width="240" height="228" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="vidora_right2_02.jpg" width="52" height="152" alt=""></td>
<td>
<a href="download.html"
onmouseover="window.status='Download Now'; return true;"
onmouseout="window.status=''; return true;">
<img src="Download-Now.jpg" width="147" height="78" border="0" alt="Download Now"></a></td>
<td rowspan="2">
<img src="vidora_right2_04.jpg" width="41" height="152" alt=""></td>
</tr>
<tr>
<td>
<img src="vidora_right2_05.jpg" width="147" height="74" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
</tr><tr>
<td colspan="3" valign="top">
<!-- ImageReady Slices (bottom5.psd) -->
<table id="Table_03" width="830" height="125" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2">
<img src="bottom5_01.jpg" width="345" height="125" alt=""></td>
<td>
<a href="begin.html"
onmouseover="window.status='Begin'; return true;"
onmouseout="window.status=''; return true;">
<img src="Begin.jpg" width="144" height="62" border="0" alt="Begin"></a></td>
<td rowspan="2">
<img src="bottom5_03.jpg" width="341" height="125" alt=""></td>
</tr>
<tr>
<td>
<img src="bottom5_04.jpg" width="144" height="63" alt=""></td>
</tr>
<!-- End ImageReady Slices -->
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
It displays just fine in Firefox, but in IE, there's a blank space in between two tables and I need the images to look connected.
Please help!!! Thanks. :)