overflow:hidden in div. Browsen

Guten Abend,



ich nutze folgenden Code:



1. CSS

Code:

---

#k0{position:absolute;z-index:1;top:200px;left:260px;width:60px;height:60px;overflow:hidden;border-radius:100%;}

---

2. HTML

Code:

---

<div id="k0">

<img src="../Spiele/EdZ/0.png" border="0" name="image4" alt="" onclick="module.innen10(0);" onmouseout="na_restore_img_src('image4','document')" onmouseover="na_change_img_src('image4','document','../Spiele/EdZ/02.png', true);">

</div>

---

Das eingefügte Bild ist ein runder Button.



Im IE + FF wird das Bild als Kreis erkannt. Sprich, beim Darüberfahren mit der Maus ändert sich das Bild erst, wenn auch der Kreis berührt wird.



In Chrome und Opera dagegen ändert sich das Bild bereits, wenn der Berührungspunkt zwar innerhalb des rechteckigen Bildes aber außerhalb des Kreises liegt, z.B. bei der Koordinate 60,60.



Aufwändig geht es, wenn das Bild ein Hintergrundbild ist, aber hat noch jemand eine Idee, wie man das besser machen kann?

overflow:hidden in div. Browsen