MichaelJason: DIV Überlappungs Probleme mit position: absolute

Beitrag lesen

Hallo an alle

Ich hab ein Problem mit nicht IE Browser für das ich gerne eine Lösung hätte.
Ich habe mehrere DIV Layer die ich exakt übereinander lege. In jedem ist ein Link
enthalten. Wie schaffe ich es das alle Links in jeder Eben klickbar werden? Gibt
es da eine Lösung für ? Der IE Explorer sieht das völlig easy und lässt es zu (ob Fehler oder nicht
wäre froh wenns der firefox und der Safari auch so machen würden)
Das Codebeispiel hier unten einfach rauskopieren und im Browser starten dann sieht
man das Problem direkt und der untereste Link ist im NICHT IE Browser klickbar.

Grüße Michael

Code Beispiel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<STYLE TYPE="text/css">
     #NAVIBOX {
      height: 505px;
      width: 1000px;
      }

#link0 {
      height: 500px;
      width: 500px;
      position: absolute;
     }
    </STYLE>

</HEAD>
<BODY>

<DIV ID="NAVIBOX">
   <DIV ID="link0" STYLE="padding: 40px;"><A STYLE="z-index: 100" HREF="test">hier wird eine VML oder SVG Grafik gerendert mit
   einer Verlinkung</A></DIV>
   <DIV ID="link0" STYLE="padding: 70px; background-color: none;"><A HREF="test">hier wird eine VML oder SVG Grafik gerendert mit
   einer Verlinkung</A></DIV>
   <DIV ID="link0" STYLE=" padding: 100px;"><A HREF="test">hier wird eine VML oder SVG Grafik gerendert mit
   einer Verlinkung</A></DIV>
   <DIV ID="link0" STYLE="padding: 130px;"><A HREF="test">hier wird eine VML oder SVG Grafik gerendert mit
   einer Verlinkung</A></DIV>
</DIV>

</BODY></HTML>