Background Image, help! SOS! Options

[noi_rocker]

I have been trying to change the background image for my site. I hate that its plain..so I have inserted html background code from bigoo.ws

This is my code:
[quote]<!-- start code provided by createblog.com -->
<style type="text/css">
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}
table.header, table.main, table.footer, table.navigation{
/* edit width */
width:517;
}
table.blogbody{
/* edit width of blog */
width:550;
}
div.blogheader, .caption{
width:100%;
}
table.left{
/* edit width of left modules */
width:170;
}
td.maincenter {
text-align:center;
}
body {
/* edits body background and scrollbars */
background:<br><center><a href"http://img382.imageshack.us/img382/408/nature887hm.jpg"><br></center>) fixed;
scrollbar-Arrow-Color: #000000;
scrollbar-Track-Color: #666666;
scrollbar-Shadow-Color: #000000;
scrollbar-Face-Color: #FFFFFF;
scrollbar-Highlight-Color: #000000;
scrollbar-darkshadow-color: #666666;
scrollbar-3dLight-Color: #666666;
}
table.navigation, table.footer {
/* remove default navigation and footer */
display: none;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext {
/* edits main text */
font:normal 11px arial;
color: #000000;
text-align:left;
}
a:link, a:active, a:visited, a:hover{
/* edit the links outside modules and blog */
color:#FFFFFF;
text-decoration:none;
}
.left a:link, .blogbody a:link, .left a:visited, .blogbody a:visited, {
/* edit the links within left modules and blog */
color: #5B2626;
text-decoration: none;
font:normal 11px arial;
}
.left a:hover, .blogbody a:hover{
/* edit link hover */
color:#666666;
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #000000;
font:normal 10px arial #000000;
background-color: #FFFFFF;
letter-spacing:0px;
color:#000000;
}
div.blogheader, .caption {
/* edit the blog dates */
font-family:arial;
text-transform:uppercase;
font-size:14px;
color:#000000;
background-color: #FFFFFF;
text-align: left;
font-weight:bold;
padding-top:5;
padding-left:7;
padding-right:7;
padding-bottom:0;
border-left:1px solid black;
border-right:1px solid black;
border-top:1px solid black;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
text-align:left;
background-color:FFFFFF;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}
table.left {
/* this edits the left module */
background-color: FFFFFF;
border:1px solid black;
padding:0px;
}
table.left th {
/* this edits your left module titles */
background-color: FFFFFF;
width:160;
font: 14px arial;
text-transform: uppercase;
color: #000000;
border: 0px;
text-align: left;
font-weight:bold;
padding-top:5;
padding-left:7;
padding-right:7;
padding-bottom:0;
}
table.left TD {
/* this edits the body part of of your left modules */
background-color: transparent;
color: #000000;
border: 0px;
width:160;
text-align:left;
padding-top:0;
padding-bottom:6;
padding-left:7;
padding-right:7;
}
.blogbody td{
/* edits spacing of blogbody */
width: 0px;
padding: 6px;
padding-left:1px;
padding-right:6px;
padding-top:0px;
text-align:left;
}
table.search{
/* edits search bar */
border:#000000 solid 1px;
background-color:#FFFFFF;
}
table.search td{
background-color:#FFFFFF;
}
hr {
/* edits horizontal rule */
color: #000000;
}
</style>
<img src="http://img110.imageshack.us/img110/3063/headerdesign35ei.jpg" width=900 height=300 border=0 alt="Beauty" usemap="#Beauty_Map" style="border:1px solid #000000;">
<map name="Beauty_Map">
<area shape="rect" alt="Log Out" coords="466,334,500,342" href="http://www.xanga.com/logout.aspx">
<area shape="rect" alt="Sign In" coords="424,334,458,342" href="http://www.xanga.com/signin.aspx">
<area shape="rect" alt="Suscribe To Me" coords="374,334,413,342" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGA">
<area shape="rect" alt="Sign/View Guestbook" coords="319,334,364,342" href="http://www.xanga.com/guestbook.aspx?user=YOURXANGA">
<area shape="rect" alt="View My Profile" coords="277,334,311,342" href="http://www.xanga.com/profile.aspx?user=YOURXANGA">
<area shape="rect" alt="Customize Look and Feel" coords="248,334,269,342" href="http://www.xanga.com/CLAF/default.asp">
<area shape="rect" alt="Your Xanga" coords="207,334,243,342" href="http://xanga.com/private/home.aspx">
<area shape="rect" alt="Refresh Page" coords="165,334,201,342" href="http://xanga.com/YOURXANGA">
<area shape="rect" alt="Xanga Home" coords="130,334,159,342" href="http://xanga.com">
</map>
<table cellpadding="0" cellspacing="0" border="0" align="center" style="padding-top:3px;">
<tr><td>
<!-- end code provided by createblog.com -->


As you can see, the bold is the background that I want but it just does not appear on my site. I have even tried pasting the url to the background box just below the header box at the look and feel but it still does not work.

What went wrong?