[SOLVED] put a header image that has hot links mapped to different regions
 

I am trying to put a header image that has hot links mapped to different regions of the gif (as opposed to the BFA option that provides for the entire image to be clickable). I can't find any threads that address this directly. (I am very much a novice at this so I have no idea if what I am trying to do is best done the way I have tried to do it.)

The URL is http://www.4-100-egas.org

I have added this to the html/css insert but i figured I have done something wrong. For the div id I looked at the head image file... Thanks for anything you can do to get me on the right track

</div>
<div id="imagecontainer"></div>
<img src="http://www.4-100-egas.org/wp-content/themes/atahualpa/images/header/HeaderforLink.gif" width="860" height="120" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="rect" coords="446,14,550,45" href="http://vimeo.com/channels/41304" />
<area shape="rect" coords="460,75,544,108" href="https://itunes.apple.com/us/podcast/biblical-literacy.com-podcast/id214350450" />
<area shape="rect" coords="619,14,720,46" href="http://www.championforest.org/worship/watch/" />
<area shape="rect" coords="615,76,725,109" href="http://www.youtube.com/playlist?list=PLB86B1AB0862203AC" />
<area shape="rect" coords="769,15,850,107" href="http://www.4-100-egas.org/im-new-2/" />
</map>
</div>

you should probably use your code in the 'Configuration Header Area' option inplace of %image

Oh my gosh. Thank you. That's how simple it is when someone knows what they are doing. Happy holidays and sincerely, thanks.