Big Gap in Internet Explorer [Archive]

Sevenmatthew

01-23-2007, 09:05 PM

Hey, I have a template i made and i have made it everyway possible to get it to work right. There is always a big gap in the template in internet explorer. Here is the address to it --> http://sevendownload.com/ok/
Here's the code -->
/*- Body--------------------------- */
body {
background-image: url(Aqua-Blue.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
background-color: #2d5a99
}

#wrapper{
width: 900px;
height: 200px;
margin: auto;
}

#toppad{
padding-bottom: 5px
}

/*- MainContent--------------------------- */
#main{
background-image:url(images/main_04.png);
height: 700px;
}

/*- Menu--------------------------- */
#menu4 li a {
height: 32px;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu4 li a:visited {
color: #ffffff;
font-family:sans-serif;
display: block;
background: url(images/menu.png);
padding: 5px 0 5px 0px;
text-decoration: none;
}

#menu li a:hover {
background: url(images/menu.png) 0 -32px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
-->
</style>

<title>Portfolio :: Matthew Wilson</title>



</head>

<body>
<div align="center"><img src="images/top.png" alt="Top" width="900" height="170"/></div>
<div id="wrapper">

<table id="Table_01" width="900" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="images/main_01.png" width="900" height="14" alt=""></td>
</tr>
<tr>
<td><div id="menu"><ul><li>
<div align="center">
<a href="#5" title="Link 5"><strong>Home</strong></a>
<a href="#5" title="Link 5"><strong>Home</strong></a>
<a href="#5" title="Link 5"><strong>Home</strong></a>
<a href="#5" title="Link 5"><strong>Home</strong></a>
<a href="#5" title="Link 5"><strong>Home</strong></a>
<a href="#5" title="Link 5"><strong>Home</strong></a>
<a href="#5" title="Link 5"><strong>Home</strong></a>
</div>
</li>
</ul>
</div></td>
<td rowspan="3">
<img src="images/main_03.png" width="9" height="558" alt=""></td>
<td rowspan="3"><div id="main">
MainContent
</div></td>
</tr>
<tr>
<td>
<img src="images/main_05.png" width="174" height="234" alt=""></td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td colspan="2"></td>
<td>
<img src="images/main_08.png" width="717" height="28" alt=""></td>
</tr>
</table>

<div align="center"><img src="images/bottom.png" alt="bottom" width="900" height="40" /></div>
</div>

Thanx and please help, i just wanna know what will take away the gaps.
:)