I'm no genius at Javascript. I googled a javascript onhover div script for this page:
http://hhgs.net/radiodjpanel/rares/david.php

If you're in firefox it works beautifully. However if you're in Internet Explorer and attempt to hover over the images that should show the div onhover it wont work unless you're hovering over the border of the image.

If anyone could shed some light on the situation I'd sure appreciate it.

Use the onMouseOver and onMouseOut attributes.

I think I already am:

<a href="#" onMouseOver="popLayer(1480)" onMouseOut="hideLayer()">
<center><img border="0" src="http://www.hhgs.net/radiodjpanel/uploads/discosignwall.gif"></center></a>

I suggest you move the onMouseOver and onMouseOut to the img tag instead.

Originally Posted by Insensus

I suggest you move the onMouseOver and onMouseOut to the img tag instead.

I should have, you're right. But it still doesn't work in internet explorer.

<img onMouseOver="popLayer(889)" onMouseOut="hideLayer()" border="0" src="http://www.hhgs.net/radiodjpanel/uploads/blueberryicm.gif">

edit: I removed onMouseOut="hideLayer()" and it works, however now of course when you move your cursor away from the image the box doesn't go away.

Strange, because it does work in my Internet Explorer.

Originally Posted by Insensus

Strange, because it does work in my Internet Explorer.

Hmm, perhaps taking onmouseout did the trick then.

Thanks for your help everybody!

You should be using css for this, note: in IE hover only triggers on anchor tags.