I've created an image map with rollover effects in Dreamweaver, and want to insert the code into a DNN text/html module. It works fine, except that the imagemap spills out over the edge of the container and actually covers other containers on the webpage. I know this has to do with the use of absolute positioning, but after some experimentation, I can't get it to work properly. Any help would be greatly appreciated. Here's the html generated by Dreamweaver:
<div id="overLayer-AltE" style="position:absolute; width:200px; height:115px; z-index:3; clip: rect(0px,190px,158px,0px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap">
<map name="MainMap">
<area shape="rect" coords="-9,-10,191,156" href="http://www.homeenergyweb.com/Home/AlternativeEnergySystems/tabid/75/Default.aspx" alt="Alternative Energy" onMouseOver="MM_showHideLayers('overLayer-AltE','','show')" onMouseOut="MM_showHideLayers('overLayer-AltE','','hide')">
<area shape="rect" coords="190,4,380,158" href="http://www.homeenergyweb.com/Home/Appliances/tabid/79/Default.aspx" alt="Appliances" onMouseOver="MM_showHideLayers('overLayer-Appliances','','show')" onMouseOut="MM_showHideLayers('overLayer-Appliances','','hide')">
<area shape="rect" coords="380,-12,637,158" href="http://www.homeenergyweb.com/Home/HeatingandCooling/tabid/80/Default.aspx" alt="Heating and Cooling" onMouseOver="MM_showHideLayers('overLayer-HC','','show')" onMouseOut="MM_showHideLayers('overLayer-HC','','hide')">
<area shape="rect" coords="0,157,190,320" href="http://www.homeenergyweb.com/Home/Landscaping/tabid/82/Default.aspx" alt="Landscaping" onMouseOver="MM_showHideLayers('overLayer-Land','','show')" onMouseOut="MM_showHideLayers('overLayer-Land','','hide')">
<area shape="rect" coords="380,158,569,320" href="http://www.homeenergyweb.com/Home/Lighting/tabid/83/Default.aspx" alt="Lighting" onMouseOver="MM_showHideLayers('overLayer-Light','','show')" onMouseOut="MM_showHideLayers('overLayer-Light','','hide')">
<area shape="rect" coords="2,320,188,479" href="http://www.homeenergyweb.com/Home/Vehicles/tabid/84/Default.aspx" alt="Vehicles" onMouseOver="MM_showHideLayers('overLayer-Vehicles','','show')" onMouseOut="MM_showHideLayers('overLayer-Vehicles','','hide')">
<area shape="rect" coords="188,320,379,480" href="http://www.homeenergyweb.com/Home/InsulationandWeatherization/tabid/81/Default.aspx" alt="Weatherization" onMouseOver="MM_showHideLayers('overLayer-Weath','','show')" onMouseOut="MM_showHideLayers('overLayer-Weath','','hide')">
<area shape="rect" coords="381,321,571,479" href="http://www.homeenergyweb.com/Home/Windows/tabid/85/Default.aspx" alt="Windows" onMouseOver="MM_showHideLayers('overLayer-Windows','','show')" onMouseOut="MM_showHideLayers('overLayer-Windows','','hide')">
</map>
</div>
<div id="overLayer-Appliances" style="position:absolute; width:200px; height:115px; z-index:4; clip: rect(0px,379px,158px,189px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap"></div>
<div id="overLayer-HC" style="position:absolute; width:200px; height:115px; z-index:5; clip: rect(0px,569px,159px,380px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap"></div>
<div id="overLayer-Land" style="position:absolute; width:200px; height:115px; z-index:6; clip: rect(159px,189px,320px,0px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap"></div>
<div id="overLayer-Light" style="position:absolute; width:200px; height:115px; z-index:7; clip: rect(159px,569px,319px,380px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap"></div>
<div id="overLayer-Vehicles" style="position:absolute; width:200px; height:115px; z-index:8; clip: rect(320px,189px,480px,0px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap"></div>
<div id="overLayer-Weath" style="position:absolute; width:200px; height:115px; z-index:9; clip: rect(320px,380px,480px,189px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap"></div>
<div id="overLayer-Windows" style="position:absolute; width:200px; height:115px; z-index:10; clip: rect(320px,569px,480px,380px); visibility: hidden;"><img src="imagemap2.jpg" width="570" height="481" border="0" usemap="#MainMap"></div>
<div id="offLayer" style="position:absolute; width:200px; height:115px; z-index:2; visibility: visible;"><img src="imagemap1.jpg" width="570" height="481" border="0" usemap="#MainMap"></div></td>