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 -->

[saigonese]

Um if u look closely at the top, at the back of the Ad is another piece of the background running through (and lies under the Header - main image)... See, in my case, if I have my Blog runs throught the Header, It'd look really weird since all 3 pieces are supposed to form one big image... I think I need a code that would set the Blog to be the background, but un expandable background which lengthens itself as the entries go (or sumthing like that)...