Hallo!
Ich kann's nicht glauben und will noch einen Versuch wagen. Folgendes sollte doch eigentlich funktionieren:
<style type="text/css">
#m1 {position:absolute;left:10px;top:25px;}
#l1 {position:absolute;left:10px;top:26px;}
#m2 {position:absolute;left:10px;top:50px;}
#l2 {position:absolute;left:10px;top:51px;}
</style>
<layer id="m1" width=126 height=22 z-index="1">
<a href="#" onMouseover="makeUnvisible();makeVisible(1);"><img src="../images/button.gif" width="126" height="22" border="0" alt=""></a>
</layer>
<layer id="l1" width=126 height=22 z-index="2">
<center>
<font face="arial" size="1" color=#000000><b><a href="#" style="text-decoration:none" onMouseover="makeUnvisible();makeVisible(1);">Über Uns</a></b></font>
</layer>
<layer id="m2" width=126 height=22 z-index="1">
<a href="#" onMouseover="makeUnvisible();makeVisible(2);"><img src="../images/button.gif" width="126" height="22" border="0" alt=""></a>
</layer>
<layer id="l1" width=126 height=22 z-index="2">
<center>
<font face="arial" size="1" color=#000000><b><a href="#" style="text-decoration:none" onMouseover="makeUnvisible();makeVisible(2);">News & Events</a></b></font>
</layer>
...möchte man zumindest meinen.
Tatsächlich befinden sich besagte Buttons aber erstens nicht an der angegebenen Position und zweitens ist der zweite Button etwas weiter rechts als der erste. Warum bitte? Das kann ja wohl nicht wahr sein!
Hatte jemand schonmal dieses Problem oder bin ich einfach zu blöd? :-)
Viele Grüße und danke (falls sich jemand das antut :-)
Poldi.