Image map onmouseover help
Basically, I need to know how to bring up an image at a specified location when mousing over a hotspot at the same location.
This is as far as I've gotten so far, but (problem 1) the image doesn't appear where the hot spot is and (problem 2) I have the famous flickering problem.
<img id="bkgndimg" src="http://www.w3schools.com/images/w3schoolslogo.gif" >
<img id="img" src="http://www.w3schools.com/images/w3schoolslogo.gif" usemap="#map" name="browser" />
<area shape="circ" coords="50,50,50" href="#" title="example" onMouseOver="document.browser.src='http://www.w3schools.com/images/compatible_safari.gif'"
onMouseOut = "document.browser.src='http://www.w3schools.com/images/w3schoolslogo.gif'" />
<li class="safari"><a href="#">Safari</li>