Min side vises underligt i IE

Jeg har et lille problem med alle mine sider i IE... www.madskjaer.dk. Som i kan se er der forskel på Firefox og IE. Firefox er det optimale, men hvorfor bliver min "titel-bar" omkring dobbelt så høj i IE?

<div id="titel"><div style="width:10px"></div><b><span class="b">Menu</span></b></div>

<table style="width:100%">
   
    <tr><td style="width:15px;height;15px; background-color: #222222"></td>
    <td><a href="forside.php?id=content_forside.php">Forside</a></td></tr>
   
    <tr><td style="width:15px;height;15px; background-color: #222222"></td>
    <td><a href="forside.php?id=content_profil.html">Profil</a></td></tr>

    <tr><td style="width:15px;height;15px; background-color: #222222"></td>
    <td><a href="forside.php?id=content_portfolio.php">Portfolio</a></td></tr>

    <tr><td style="width:15px;height;15px; background-color: #222222"></td>
    <td><a href="forside.php?id=content_gaestebog.php">Gæstebog</a></td></tr>

</table>
<div style="width:50%;float:left;"><img src="content_grafik_bottom_left.jpg" alt="Bottom" align="left"></div>
<div style="width:50%;float:left;"><img src="content_grafik_bottom_right.jpg" alt="Bottom" align="right"></div>

Hvorfor placerer mine to sidste <div>'er sig iøvrigt under den anden?