Åbne menu uden at "SKUBBE" til det øvrige design

Hvis du laver <div>'en om til en absolute, bør den smide sig selv oven på resten af designet.

<script type="text/javascript">

var mRef,mPic;

function showMenu(pic,sub){

  var d = document.getElementById(sub).style;

  d.display = (d.display != 'block' || mRef!=d)? "block" : "none";

  if(mRef&&mRef!=d)mRef.display = "none";

  if(mPic)mPic.src = mRef.display != "none" ? "pil_ned.gif":"pil_right.gif";

  mRef = d; mPic=pic;

  pic.src = d.display != "none" ? "pil_ned.gif":"pil_right.gif";

}
</script>

<?php

include($_SERVER['DOCUMENT_ROOT'] . "/testmig/libs/header.php"); ?>

<div id="menuFunktioner" class="menu">
  <img src="pil_right.gif" onmouseover="showMenu(this,'underFunk');" style="cursor:pointer;">
  Menu - Support
  <div id="underFunk" style="display:none;position:absolute;">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Servicecentret / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Åbningstider / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Priser / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">RMA / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">FAQ / Svar</a><br>
  </div>
</div>


<div id="menuFunktioner" class="menu">
  <img src="pil_right.gif" onmouseover="showMenu(this,'underFunk2');" style="cursor:pointer;">
  Menu - Support
  <div id="underFunk2" style="display:none;position:absolute;">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Servicecentret / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Åbningstider / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Priser / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">RMA / Svar</a><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">FAQ / Svar</a><br>
  </div>
</div>




Nu virker skidtet.....men tænker ;) Kan man lave noget trick, så når mouse går ud af eks. underfunk så lukker den underfunk sammen igen!

Jeg er ikke sikker, men prøv at tilføje det her:
onmouseout="showMenu(this,'underFunk');"

Fungerer det? :)

Lukker