Help with that pesky top image.

[juallhuce]

So, I am an idiot for the most part. That's why I am here. I'm trying to set up like an image map on my top banner on our bands Myspace. I found a website to actually set the image map up. My problem is "joining" the two codes. I have no clue how to do that. I have a very limited knowledge of CSS and the stuff I've done to date has been more luck than anything. I just can't get by this one.

Here is the link to my image.

http://i738.photobucket.com/albums/xx23/socialrecall/SOCIALRECALLHEADER



Here is the old code I used when I had just a normal image for my top banner, with no links.


<style>
{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:342px !important; width:830px !important;}
{! apply banner as bkgd image !}
div.profileWidth{background-image:url(http://i58.photobucket.com/albums/g243/juallhuce/header1.jpg)!important; background-position:center bottom !important; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}
</style>



And finally, here is the code for my image map. I'm aware that I haven't filled out the links here. Just wanted to see if this could be done before I went through all that.




<div id="imgmapdiv">
<map name="imgmap">
<area shape="poly" coords="25,582,150,587,154,647,11,653" href="#" alt="1">
<area shape="poly" coords="327,578,335,649,186,652,184,576" href="#" alt="2">
<area shape="poly" coords="576,577,584,647,366,653,359,591" href="#" alt="3">
<area shape="poly" coords="796,576,798,647,610,653" href="#" alt="4">
</map>
</div>

<p>
<img src="http://i738.photobucket.com/albums/xx23/socialrecall/SOCIALRECALLHEADER.jpg" alt="Move mouse over image" usemap="#imgmap">
</p>



Thanks for any help you can give. I am very near my wits end. I feel pretty confident that there is no way around this.

[codybear]

Yes it can be done.
Is div overlays easy with myspace, no.
They like to screw everything up quite a bit with denying certain code tags, and all kinds of things.
Plus, alot of the times it's not going to show up the same when you visit it on a different browser.