mouseover layer

Ok, so i make a layer...

HTML Code:
<div id="online" style="position:absolute; width:91px; height:116px; z-index:1; left: 174px; top: 106px; visibility: hidden;">just a quick test</div>

and i make a map

HTML Code:
<map name="Map"> <area shape="rect" coords="61,68,154,106" href="#" onmouseover=""> </map>


now what will make layer "online" visible on mouse over?

Cheers
Tom

 

This is something that will only work in FF and Opera - IE treats area as a non-visual element and just displays a couple of color bars at the top of the page.

<div id="online" style="border: 1px solid #EEE; padding: 1px; position: absolute; width: 100px; height: 100px; left: 100px; top: 100px;">just a quick test</div>

<map name="map1">
<area shape="rect" style="display: block; position:absolute; left: 101px; top: 101px; height: 50px; width: 50px; border: 1px solid green;" coords="0,0,49,49" href="#" onmouseover="style.borderColor ='red'" onmouseout="style.borderColor ='green'"> 
<area shape="rect" style="display: block; position:absolute; left: 151px; top: 151px; height: 50px; width: 50px; border: 1px solid blue;" coords="50,50,99,99" href="#" onmouseover="style.borderColor ='red'" onmouseout="style.borderColor ='blue'"> 
</map>

Code (markup):

In general, maps are supposed to be used only with <img>, <object> and <input> tags.

J.D.