Hjälp med bild i ruta

jag skall ha en bild som när man håller musen över skall det komma upp en annan bild i en ruta på sidan. det som är problemet är att jag inte kan få det som skall sitta i rutan att komma dit.
rutan och mouseover grejen är färdig men det vill int komma upp jag hittar inte var man skall sätta in koden

Exempel;

<script language="JavaScript">
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}
</script>
<div id="mittlager" style="position:absolute;top:100px;left:100px;visibility:hidden;">...en annan bild...</div>

<a href="#" onClick="return false;" onMouseover="showLayer('mittlager');" onMouseout="hideLayer('mittlager');">...en bild...</a>

------------------

/ J