Help with layout plz!, Dont want scrollbar! Options

[saigonese]

I made this layout which has the border included in the pic, so if I only uploaded the whole picture then the blog will need a scrollbar... But I dont want the scrollbar, so I thik I need to cut the whole picture into 3 parts, but I dont know where to cut and how to code! Help me plz, this is the whole thing (or just come to my xangaand take a look):

<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type='text/css'>

/* Skin3 by SaIgOnEsE */
/* www.xanga.com/saigonese */
/* please do not remove the credit */

</style>

<MAP NAME='Skin3'>
<AREA SHAPE=rect COORDS='503,9,590,20' HREF='http://www.xanga.com/saigonese' ALT='skin by SaIgOnEsE'>
<AREA SHAPE=rect COORDS='8,152,112,172' HREF='http://www.xanga.com/profile.aspx?user=saigonese' ALT='Profile'>
<AREA SHAPE=rect COORDS='125,152,236,174' HREF='http://xanga.com/private/home.aspx' ALT='Private'>
<AREA SHAPE=rect COORDS='246,152,356,172' HREF='http://www.xanga.com/claf' ALT='Claf'>
<AREA SHAPE=rect COORDS='365,152,472,172' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=saigonese' ALT='Subscribe'>
<AREA SHAPE=rect COORDS='485,153,595,171' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Read Subscriptions'>
</MAP>
<IMG SRC='http://img370.imageshack.us/img370/9429/skin3copy7gf.jpg' width=600 height=557 BORDER='0' USEMAP='#Skin3'>

<div style="overflow: auto; width: 587px; height: 368px; margin-top: -377px; margin-left: -5px;">

<script language=javascript>
document.title=("Skin3")</script>

<style type='text/css'>

table.header, table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer TD {display: none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { width: auto !important; }

HR {color: #DCDCDC;}

table.announcements, table.announcements TH, .button, .textfield, .pulldown
{border: 1px solid #DCDCDC; }

body
div {filter:chroma(color=#589FE7); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #ffffff;
scrollbar-face-color: #589FE7; /* transparent */
scrollbar-3dlight-color: #589FE7; /* transparent */
scrollbar-darkshadow-color: #589FE7; /* transparent */
scrollbar-highlight-color: #fffFFF;
scrollbar-shadow-color: #fffFFF;
scrollbar-track-color: #589FE7; /* transparent */
}


.blogbody
{
background: none;
border-bottom: solid 1px #ffffff;
border-top: solid 0px #ffffff;
border-right: solid 0px #ffffff;
border-left: solid 0px #ffffff;}

input, option, select
{font-family: arial;
font-size:9pt;
color: #ffffff;
border: 1px dotted solid #DCDCDC;
background:#000000}

body, td, p
{color:#ffffff;
font-size: 8pt;
font-family: arial;
text-transform: none;
text-align:justify;}

a:link {color:#A3A3A3;font-size: 7pt}

a:visited {color:#A3A3A3;font-size: 7pt}

.title { color: #A3A3A3;font-size: 7pt}

a:hover {color:#707070;font-size: 7pt;}

div.blogheader, .caption
{letter-spacing: 0px;
text-transform: uppercase;
font-size:10px;
color: #ffffff;
line-height: 30px;
text-align: center;
font-style: bold;
margin-bottom:0px;
width: 100%;}

div.smalltext
{text-align: right;
background-color: transparent;
line-height: 50px;
width: 100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 7pt}


</style>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

[talcumpowder]

I just do that because I'm lazy.
You're actually supposed to use it as the background for your div layer, which is supposed to be containing your blog. You can also position the image higher.

[saigonese]

I just do that because I'm lazy.
You're actually supposed to use it as the background for your div layer, which is supposed to be containing your blog. You can also position the image higher.

so um... how am I supposed to do that?... Can u help me with the code plz, I am really dumb when it comes to coding...