I don't think that i have ever actually posted code to a forum, so I'll give it a try. This isn't my first site, but I am by no means a web designer, so be kind. 
Here is the problem. I've built this site and it renders fine in Safari, Firefox, Camino, Netscape, Opera, and Shiira, I just can't get the menu to align right in IE. Here is the link if it doesn't post correctly. <a href="The style sheet and javascript are also available at that link.
I tried to strip it down, but i'm not sure where the problem lies, so it is still rather long. The images (2 & 3) in the menu on the left should be aligned so that there is no space between the elements.
Sorry I hope I made sense.
Here is the problem. I've built this site and it renders fine in Safari, Firefox, Camino, Netscape, Opera, and Shiira, I just can't get the menu to align right in IE. Here is the link if it doesn't post correctly. <a href="The style sheet and javascript are also available at that link.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<title>Question</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" href="question.css" type="text/css" media="screen"/>
<script language="javascript" type="text/javascript" src="menu.js"></script>
</head>
<body>
<table style="width: 100%;"><tr><td>
<table style="width: 800px;" cellpadding="0px" cellspacing="0px">
<tr>
<td style="width: 800px; height: 139px; padding: 0px; border: 0px;" colspan="3"><img src="800x139.jpg" width="800" height="139" alt="Image 1"/></td>
</tr>
<tr>
<td style="width: 108px; height: 34px; background-color: #d2d7bb"><a href="profile.htm" target="ifrm"><img src="100x34.jpg" width="108" height="34" border="0" alt="Image 2"/></a></td>
<td style="width: 3px; min-width: 3px; font-size: 1px;" rowspan="4"> </td>
<td style="width: 689px; height: 463px; background-color:#eee2c8;" rowspan="4">
<iframe style="width: 100%; height: 463px; margin-left: 1px; margin-right: 1px; margin-bottom: 0px; margin-top: 1px; border:0px;" scrolling="no" name="ifrm" frameborder="0">
</iframe>
</td>
</tr>
<tr>
<td style="width: 108px; height: 50px; background-color: #a99a7b; vertical-align: top">
<ul id="home">
<li><a href="#" target="ifrm">Text</a></li>
</ul>
<ul id="menu">
<li>Text
<ol>
<li><a href="#" target="ifrm">Text</a></li>
<li><a href="#" target="ifrm">Text</a></li>
</ol>
</li>
<li><a href="#" target="_self">Text</a></li>
</ul>
</td>
</tr>
<tr>
<td style="width: 108px;height: 10px"><img src="108x39.jpg" alt="Image 3" width="108" height="39"/></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="width: 789px;height: 10px;" colspan="3" align="right"><img src="689x10.jpg" alt=" Image 4" width="689" height="10"/></td>
</tr>
</table>
</td></tr></table>
</body>
</html>I tried to strip it down, but i'm not sure where the problem lies, so it is still rather long. The images (2 & 3) in the menu on the left should be aligned so that there is no space between the elements.
Sorry I hope I made sense.