problemer med menu/søg i Opera (virker i IE)

Hejsa
Jeg kan ikke min menu/search til at se korrekt ud i Opera/Firefox og er ikke rigtig klar over hvad der skal til...

Link -> http://www.djalfe.dk/projects/nuna-it/visitnuuk/default.aspx

Giver 60 point for en læsning, da jeg selv har svært ved det :-)

-----------------------------
| Html for menuTop og search |
-----------------------------
<!-- << mainNavigate: menu & Search >> - Start -->
<div align="center">
    <div class="mainNavigate">
       
        <div>
            <div style="float:left;">
            <table id="menu1" cellpadding="0" cellspacing="0" class="menu raad" onmouseover="menuOverOut(this.id,'menuTopLeft-Raad.gif','menuTopRight-Raad.gif',true)" onmouseout="menuOverOut(this.id,'menuTopLeft.gif','menuTopRight.gif',false)">
                <tr>
                    <td><img src="gfx/objects/mainNavigate/menuTopLeft.gif" /></td>
                    <td class="text"><pre>Guide</pre></td>
                    <td><img src="gfx/objects/mainNavigate/menuTopRight.gif" /></td>
                </tr>
            </table>
            </div>       
           
            <div style="float:left;">
            <table id="menu2" cellpadding="0" cellspacing="0" class="menu Oliven" onmouseover="menuOverOut(this.id,'menuTopLeft-Oliven.gif','menuTopRight-Oliven.gif',true)" onmouseout="menuOverOut(this.id,'menuTopLeft.gif','menuTopRight.gif',false)">
                <tr>
                    <td><img src="gfx/objects/mainNavigate/menuTopLeft.gif" /></td>
                    <td class="text"><pre>Events</pre></td>
                    <td><img src="gfx/objects/mainNavigate/menuTopRight.gif" /></td>
                </tr>
            </table>
            </div>
               
            <div style="float:left;">
            <table id="menu3" cellpadding="0" cellspacing="0" class="menu Brun">
                <tr>
                    <td><img src="gfx/objects/mainNavigate/menuTopLeft.gif" /></td>
                    <td class="text"><pre>Shop</pre></td>
                    <td><img src="gfx/objects/mainNavigate/menuTopRight.gif" /></td>
                </tr>
            </table>
            </div>
           
            <div style="float:left;">
            <table id="menu4" cellpadding="0" cellspacing="0" class="menu Blaa" style="" onmouseover="menuOverOut(this.id,'menuTopLeft-Blaa.gif','menuTopRight-Blaa.gif',true)" onmouseout="menuOverOut(this.id,'menuTopLeft.gif','menuTopRight.gif',false)">
                <tr>
                    <td><img src="gfx/objects/mainNavigate/menuTopLeft.gif" /></td>
                    <td class="text"><pre>Webbooking - Tickets</pre></td>
                    <td><img src="gfx/objects/mainNavigate/menuTopRight.gif" /></td>
                </tr>
            </table>
            </div>
        </div>
       
        <div style="float:right;">
        <table cellpadding="0" cellspacing="0" style="width:380px;">
            <tr>
                <td><img src="gfx/design/searchLeftBg.gif" /></td>
                <td class="topSearch">Søgning ha ha</td>
                <td><img src="gfx/design/searchRightBg.gif" /></td>
            </tr>
        </table>
        </div>
       
    </div>
</div>
<!-- << mainNavigate: menu & Search >> - End -->

-----------------------------
| css for menuTop og search |
-----------------------------

/* -----------------------------------------
/* strukturing af mainNavigate indhold
/* ( menu & Search )
/* ----------------------------------------- */
.mainNavigate .menu * {
    cursor:pointer;
    text-transform:uppercase;
}
.mainNavigate .text {
    background-image:url(../gfx/objects/mainNavigate/menuTopMiddle.gif);
    background-repeat:repeat-x;
}
    .mainNavigate .text pre {
        margin:0px 23px 0px 23px;
        letter-spacing:1pt;
        font-weight:bold;
    }
.mainNavigate .topSearch {
    width:100%;
    background-image:url(../gfx/design/searchMiddleBg.gif);
    background-repeat:repeat-x;
}

    /* -- struktur for raad menupunkt -- */
    .mainNavigate .raad * {
        color:#dd2e13;
    }
    .mainNavigate .raad .selected {
        background-image:url(../gfx/objects/mainNavigate/menuTopMiddle-Raad.gif);
    }
    .mainNavigate .raad .selected pre{
        color:#ffffff;
    }
   
    /* -- struktur for Oliven menupunkt -- */
    .mainNavigate .Oliven * {
        color:#aea81e;
    }
    .mainNavigate .Oliven .selected {
        background-image:url(../gfx/objects/mainNavigate/menuTopMiddle-Oliven.gif);
    }
    .mainNavigate .Oliven .selected pre{
        color:#ffffff;
    }
   
    /* -- struktur for Brun menupunkt -- */
    .mainNavigate .Brun * {
        color:#90541e;
    }
   
    /* -- struktur for Blaa menupunkt -- */
    .mainNavigate .Blaa * {
        color:#486472;
    }
    .mainNavigate .Blaa .selected {
        background-image:url(../gfx/objects/mainNavigate/menuTopMiddle-Blaa.gif);
    }
    .mainNavigate .Blaa .selected pre{
        color:#ffffff;
    }