Help! + REP and Habbo

Basically,

I quite liked the CH navigation, so i've basically done my own take on it, however i've got this error In Internet Explorer it seems to add another line or something (i've seen it work fine in Firefox) Heres the html:

Code:

---

<<table width="588" height="31" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="31"><div class=menuitem onMouseOver=dropdown('home') onMouseOut=dropout('home')><span id="trigger"><img src="imgs/home.gif" width="85" height="31" /></span>
<div class="subnav" id="menu-home">
<div class="subnav-top"></div>

<div class="subnav-mid">
<div class="navlink"><a href="link.html" target="main"> Link 1</a></div>
<div class="navlink offset"><a href="link.html" target="main">Link 2</a></div>
<div class="navlink"><a href="link.html" target="main">Link 3</a></div>
</div>
<div class="subnav-foot"></div>
</div>
</div></td>

---

This is the CSS

Code:

---

a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: underline;
    color: #FF0000;
}
a:active {
    text-decoration: none;
    color: #000000;
}
.subnav
{
    position: absolute;
    top: 31px;
    left: 0px;
    z-index: 1000;
    color: #000000;
    position: absolute;
    display: none;
}
.subnav-top
{
    background-image: url(topmenu.png);
    background-position: top;
    height: 6px;
    width: 220px;
    line-height: 6px;
}
.subnav-mid
{
    background-image: url(topmenu.png);
    background-position: 0px -4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 210px;
    padding-left: 5px;
    padding-right: 5px;
}
.subnav-foot
{
    background-image: url(topmenu.png);
    background-repeat: repeat;
    background-position: bottom;
    height: 7px;
    width: 220px;
    line-height: 7px;
}
.navlink
{
    padding: 5px;
    background: #f6f6f6;
}
.navlink.offset
{
    background: none;
}
.navlink a
{
    font-weight: normal;
    text-decoration: none;
}
.menuitem
{
    float: left;
    position: relative;
    z-index: 1000;
}
.menuitem a
{
    font-weight: bold;
    text-decoration: none;
}

---

Also theres javascript that hides the stuff in div class="subnav"

the website which its currently on is itshabbo.com/web. I've seen the same coding working on clubhabbo.net in IE which means it's not a problem with the coding of the script that the javascript doesn't work with internet explorer or anything

If you can help please Reply asap, Im offering some habbo aswell as +REP

Thanks.
Tim.

This is really weird... I can't see anything that would make it do that.

Still need help :)