image mapping, making a myspace blog layout. Options

[coffeeandacasio]

okay so i have my image mapping already done.

CODE

<IMG SRC="<img name="blog0" srchttp://i184.photobucket.com/albums/x146/xsilentpirate/blog.png" width="800" height="585" border="0" usemap="#blog" alt="" />

<textare><map name="blog">
<area shape="rect" coords="3,483,234,516" href="http://blog.myspace.com/index.cfm?fuseaction=blog.confirmsubscribe&friendID=194911417" alt="Suscribe to Jeana's Life">
<area shape="rect" coords="172,516,305,549" href="http://blog.myspace.com/index.cfm?fuseaction=blog.addToReader&h=bGlvakQ1Z2NJanFUS3pVbnhYeDFhc1o2ZFc3Qk1uZHMySDEyZE1WK2QyelhmblpodzMwPQ%3D%3D&friendID=194911417" alt="Invite Me to Your Life">
<area shape="rect" coords="4,547,211,580" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=194911417" alt="Send Me A Letter">
</map>

i have a blog code,

CODE

<style type="text/css">
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, hr, table.footer TD {display: none;}
body {
background-color: #FFFFFFF;
background-image: url("http://i184.photobucket.com/albums/x146/xsilentpirate/bground.png");
background-repeat: repeat;
background-position: center center;
scrollbar-arrow-color: #FFCC66;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
cursor:crosshair;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
.r{}
font: normal 8PT ARIAL;
color:# FF9966;
letter-spacing:0px;
text-align: justify;
}
.blogbody b, .standard b, p b, strong {
font: 8PT ARIAL;
font-weight: NORMAL;
color: # CC6600;
}
.blogbody u, .standard u, p u, u {
text-decoration: underline;
border: 0px solid #FF9933;
border-width: 0px;
}
table.footer TD {
text-align:center;
}
.navheader {
width:260px;
background-color:#transparent;
font-family:ARIAL;
text-transform:uppercase;
font-size:8pt;
line-height:8pt;
font-weight:normal;
color:#2ca6d7;
letter-spacing:-2px;
text-align: center;
}
.module {
width: 192px;
font: normal 8PT ARIAL;
color: #FFCC99;
background-color: none;
border: #ffffff 0px solid;
text-align: justify;
}
div.blogheader, .caption {
font-family: vernanda;
text-transform: uppercase;
font-size: 10PT;
line-height:normal;
font-weight: NORMAL;
color: #FF9900;
text-align:center;
width:260px;
}
.blogbody {
background-color: transparent;
width:260px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#CC6633;
text-decoration: none;
text-transform: uppercase;
font: 8PT ARIAL;
}
a:visited, a.footernav:visited, {
color:#660000;
text-decoration: none;
text-transform: lowercase;
font: 8PT ARIAL;
}
a:hover {
color:#FF3366;
font:normal 8PT ARIAL;
text-transform: lowercase;
background-color: none;
text-decoration: none;
letter-spacing:0px;
}
b, strong{
color: #CC6600;
text-spacing: 1px;
letter-spacing: 1px;
}
i, em{
color: #FF3366;
letter-spacing: .5pt;
text-spacing: .5pt;
}
u{
color: #FF9933;
border-bottom: 0px #Ffffff;
}
table.blogbody {
background: #transparent;
width: 260px;
border: none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone{
width: 260px;
}
.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
{width: 260px;
}
input, select, textarea, .textfield, .button {
border: 1px solid #000000 ;
font:normal 8PT ARIAL;
color: #FF9966;
background-color: ffffff;
letter-spacing:0px;
}
table.left {
border: 1px solid #FFFFFF;
font-weight: normal;
width:260px;
background-color: #FFCC99;
}
table.left th {
font-family: ARIAL;
text-transform: lowercase;
font-size:8pt;
font-weight: normal;
letter-spacing: 0px;
color: #FFCC99;
background-color: #FFCC99;
text-align: center;
border: 0px solid #000000;
border-bottom: 0px solid 000000;
}
table.left TD {
background-color: ffffff;
border: 1px solid #000000;
border-top: 3px solid #000000;
color: 2ca6d7;
}
table.search TD, table.search, table.announcements {
background-color: none;
border: 0px solid #FFFFFF;
}
table.search TD, table.announcements TH {
border: 0px solid #FFFFFFF;
}
table.blogbody tr td {
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
text-align: center;
padding-bottom: 0px;
}
table.navigation, table.main, table.footer {
width: 260px;
}

</style>

<div style="overflow: auto; width: 473px; height: 470px; margin-top: -530px; margin-left:306px;">

everytime i insert the code, the image mapping doesn't work.
also myspace says: *No <script>, or </script>

help?