image mapping in a div ?, help me please Options

[ukrides]

ok so i need to image map this ive done it in gimp but now ive inserted it into my div its not workign the pics shows up but no image map :(

heres my code i no its wrong somewhere just not sure where :(

CODE

<style>
.map {position:absolute; top:626px; margin-left:-400px; left:50%; width:000px; height:000px; z-index:2;}
</style>

<div class="map">

<img src="http://i39.tinypic.com/6rpqc9.png" width="801" height="498" border="0" />

<map name="map">

<area shape="rect" coords="23,324,234,348" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&amp;friendId=360757587" />
<area shape="rect" coords="23,356,247,384" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&amp;friendID=360757587" />
<area shape="rect" coords="22,389,115,409" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAll&amp;friendId=360757587" />
</map>

</div>