I can't create a new area in my div layout ¿¿ why ???, help me please Options

[Michelotto]

i want to create news areas whit coords but i write in about me section the new area as this

CODE

<area shape="rect" coords="112,1196,238,1284" href="www.myspace.com/crazy_michael91" alt="My Sweet Friend">

but doesnt work =[

help me please

myspace link: www.myspace.com/crazy_michael91

[Michelotto]

can u make me this plz
here all my codes

in about me section

CODE

<style>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
.navigationbar {display:none;}
.a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-10000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}
body { background-color:white; background-image:url(); cursor:crosshair; a:hover { cursor:crosshair;} background-repeat:repeat; background-attachment:scroll; background-position:top left; }
a:link, a:active, a:visited {font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; display:inline; text-transform:uppercase; text-align:center; height:10px; }
a:hover {color:000000; background-color:999999; text-decoration:none; cursor:crosshair;}
.about { background-color:transparent; border:0px solid; border-color:000000; width:400px; height:400px; position:absolute; overflow:auto; top:1100px; left:20px; font-family:arial; color:black; font-size:11px; line-height:12px; text-decoration:none; font-weight:normal; letter-spacing:; scrollbar-face-color:647A19; scrollbar-arrow-color:black; scrollbar-track-color:647A19; scrollbar-shadow-color:647A19; scrollbar-highlight-color:647A19; scrollbar-3dlight-color:647A19; scrollbar-darkshadow-color:647A19; filter:chroma(color=647A19); text-align:left;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
.layout {height:562px; width:700px; top:100px; left:0px;
position:absolute; overflow:none;}
</style>

in i'd would to meet

CODE

<div class="layout"> <img src="http://img136.imageshack.us/img136/6707/on32m3v4we1.jpg" usemap="#MichaelDesings" border="0/" />

<map name="MichaelDesings">

<area shape="rect" coords="34,102,174,142" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" alt="Go Home." />

<area shape="rect" coords="57,169,149,218" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNjIwNTIyNDc=" alt="Befriend me." />

<area shape="rect" coords="6,234,219,286" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNjIwNTIyNDc=" alt="Message me." />

<area shape="rect" coords="0,313,233,366" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNjIwNTIyNDc=" alt="View My Pictures." />

<area shape="rect" coords="9,411,202,451" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE2MjA1MjI0Nw==" alt="Send Me A Comment." />

<area shape="rect" coords="112,1196,238,1284" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE2MjA1MjI0Nw==" alt="My Sweet Friend" />


</map>

</div>

<div class="about">
</div>

help me please plz plz