Site works in Firefox, but not IE... help!

[skyraider]

Hey,

www.FastArcade.com has some serious menu issues on Internet Explorer... as in it's not dispaying the first menu. However, there are no problems whatsoever in good 'ole Firefox. Here's what I think the problem code is (don't worry about the billion font tags I have in there to spell out "FastArcade Forum"; I took those out and had the same problem):

    <div class="head">
     <div class="top" style="height: auto !important; height: 100%">
            <a href="http://fastarcade.com"><center><img src="title.gif" border="0" /></center></a>
     </div>

        <div class="menu">

            <div style="margin-top: 3px;">
<center>
<B>Main Menu:</B>  </B>
<B>
<a href="index.php">Home</a>
  |  <a href="gbook/index.php">Guestbook</a>
  |  <a href="/forum">
<font color="red">F</font><font color="green">a</font><font color="blue">s</font><font color="violet">t</font><font color="green">A</font><font color="black">r</font><font color="magenta">c</font><font color="blue">a</font><font color="purple">d</font><font color="green">e </font><font color="blue">F</font><font color="grey">o</font><font color="purple">r</font><font color="brown">u</font><font color="red">m</font></a>
  |  <a href="">Add 2 Favorites</a>
  |  <a href="http://www.gamesites200.com/gaming/vote.php?id=3823" target="_blank"">Vote for FastArcade</a>
</B>
</center>
            </div>

            <div style="float:right">

            </div>
            <div class="clear"></div>

        </div>

        <div class="menu">
            <div style="margin-top: 3px;">
<center>
<B>Our Sponsors:</B>  </B>
<a href="http://arcaderival.com" target="_blank"><b><font color="red">Arcade Rival</font></b></a>  

|  <a href="" target="_blank"><b><font color="green">Your Link Here</font></b></a>  

|  <a href="" target="_blank"><b><font color="blue">Your Link Here</font></b></a>  
</center>
            </div>

            <div style="float:right">

            </div>
            <div class="clear"></div>

        </div>

    </div>

Any ideas? I'm totally confused, and CSS is not really my thing. Here's the menu class (or w/e you call it):

.menu,select,optgroup,.body,.footer {
    background: #FFFFFF;
    text-align: right;
    border: 1px solid #004E82;
    padding: 5px;
    font-family: arial;
    font-size: 9pt;
    color: #CC6600;
}

I appreciate any help you guys can provide.

Thanks!

Fixed it. The problem:
Fixed it. The problem:
<div style="float:right">

</div>
<div class="clear"></div>