Poldi: Kann Netscape keine div-Bereiche überlagern?

Beitrag lesen

Guten Morgen!

Ich wollte eigentlich eine Buttongrafik mit einem Text überlagern, um Ladezeit zu sparen und den HTML-Code einfacher erweiterbar zu machen. Folgendes habe ich geschrieben:

#m1 {position:absolute;left:10;top:25;width=126;height=22;z-index:0}
#l1 {position:absolute;left:10;top:26;width=126;height=22;z-index:1}

<div id="m1">
       <a href="#"><img src="images/button.gif" width="126" height="22" border="0" alt=""></a>
</div>
<div id="l1" valign="center">
    <center>
    <font face="arial" size="1" color=#000000><b><a href="links.html" style="text-decoration:none">
     Links</a></b></font>
</div>

Im Internetexplorer sieht das nun genauso aus wie ich es mir vorgestellt habe. Der Text befindet sich auf dem Button und man kann den Link benutzen als wäre der Button eine reine Grafik. In Netscape jedoch befinden sich Button und Text untereinander und das mit der Größenangabe und dem Zentrieren klappt auch nicht so recht. Was mache ich falsch?

Für Eure Hilfe wäre ich wirklich dankbar! Ich habe auch schon im Archiv gesucht, aber wenn man nicht genau weiß, welche Begriffe man einzugeben hat, dann ist es auch sehr schwer, genau das zu finden was man sucht.

Grüße

POldi.