[mondrian]

Der Firefox (1.503) war bei mir nicht zufrieden mit dem Code (kein Hovereffekt).

So schaut es besser aus:

td.menu:hover{background-color:#5D5C96; }

Für den IE läßt sich was per Javascript machen, wenn du aber ein HTML-Menu per Listen machst kannst du wieder die a-tags, und damit CSS, verwenden, vgl. auch Css-Layout Listen-Menu crossbrowser

Der Code welcher deine innere Tabelle für das Menu ersetzt sieht dann grundsätzlich so aus (die Stylenagaben natürlich oben im Head oder in ein externes stylesheet):

<style type="text/css">
html, body {margin:0;padding:0;}
body{background-color:#000033;color:#cccccc;}
#menu {margin:0;padding:0;list-style:none}
#menu a, #menu li {display:block;margin:0;padding:0;}
#menu a {color:gold;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
        width:160px;padding:.6em;text-decoration:none;}
#menu a:hover{background-color:#5D5C96;}
#menu li.ff {width:160px;text-align:center;}
#menu li.ff a {width:44px;height:44px;margin:auto;margin-top:2em}
 #menu li.ff a:hover{background-color:#000033; }
</style>
<ul id="menu">
<li><a href="extpage.php?page=www.tweakpc.de" target="_top">TweakPC</a></li>
<li><a href="extpage.php?page=forum.tweakpc.de" target="_top">TweakPC-Forum</a></li>
<li><a href="extpage.php?page=www.fabolu.de/wabaclan/index.htm" target="_top">WaBa-Clan</a></li>
<li><a href="extpage.php?page=www.fabolu.de/haeppieaua/index.htm" target="_top">H&auml;ppieAua</a></li>
<li><a href="extpage.php?page=bscw.fit.fraunhofer.de" target="_top">BSCW-Webspace</a></li>
<li><a href="index.php?page=slideshows" target="_top">Slideshows</a></li>
<li><a href="index.php?page=studium" target="_top">Physik-Studium</a></li>
<li><a href="facharbeit/index.html" target="_blank">Facharbeit - Milikan</a></li>
<li><a href="index.php?page=software" target="_top">Software f&uuml;r jeden PC</a></li>
<li><a href="index.php?page=vpn" target="_top">VPN-Einrichtung</a></li>
<li class="ff"><a href="http://www.mozilla.com/firefox/" target="_blank">
<img src="images/firefox_love.gif" alt="Firefox Logo" width="44" height="44" border="0"></a></li>
</ul>