KebdnK: Link in DIV-Container nicht klickbar

Beitrag lesen

Hallo,
ich habe folgendes Problem:
Im DIV-Container "menu" ist ein Link untergebracht. Dieser funktioniert auch. Wenn ich den Inhalt des Containers aber mit Javascript verändere (document.getElementById("menu").innerHTML = "<a href='http://www.google.de'>Link</a>";), funktioniert der Link nicht mehr. Was könnte hier das Problem sein?

Anbei findet ihr noch den Quelltext.

Vielen Dank im Voraus.

MFG

KebdnK
---------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <title>Unbenannt</title>
 <meta name="generator" content="NetAuthor 2.0">
 <script type="text/javascript">
 <!--
 var parentid = false, optional = false;

function show_menu(parentid_new) {
  document.getElementById("menu").innerHTML = "<a href='http://www.google.de'>Link</a>";

if(parentid_new != false)
   parentid = parentid_new;

if(parentid != false) {
   var Xoffset = document.getElementById(parentid).offsetLeft + 10;
   var Yoffset = document.getElementById(parentid).offsetTop + 10;

document.getElementById("menu").style.left = Xoffset;
   document.getElementById("menu").style.top = Yoffset;
  }

document.getElementById("menu").style.visibility = "visible";
  document.getElementById("menu").style.zIndex = 10;
 }

function kill_menu() {
  document.getElementById("menu").style.visibility = "hidden";
  document.getElementById("menu").style.zIndex = 1;
 }
 //-->
 </script>
 <style type='text/css'>
 <!--
  #menu {
   top: 10px;
   left: 10px;
   position: absolute;
   width: 100px;
   background: #ff0066;
   color: #000000;
   border: 1px solid #bb00ff;
   padding: 5px;
   z-index: 10;
   visibility: hidden;
  }

#parent1 {
   position: relative;
   border: 1px solid black;
   z-index: 1;
  }

#parent2 {
   position: relative;
   border: 1px dotted black;
   z-index: 1;
  }

//-->
 </style>
</head>

<body>
<div id='menu' onMouseOut='kill_menu()' onMouseOver='show_menu(false)'><a href='http://www.google.de'>Link</a></div>
<div id='parent1' onMouseOver='show_menu("parent1")' onMouseOut='kill_menu()'>Test1</div>
<div id='parent2' onMouseOver='show_menu("parent2")' onMouseOut='kill_menu()'>Test2</div>
</body>
</html>