Why is the blog area moving?, arrgg Options

[hongrboi]

I'm kinda new here. I noticed that some skins move the blog area. Whenever I resize the width of the Internet Explorer window or change my resolution, the blog area moves out of place. This is the pic of the blog area after I resized the window and changed my resolution. Is there a code to fix this? Or is it a problem with the code? or the bg?

[hongrboi]

Well this is my test site->Xanga

And if you know the code, here it is

CODE

<!-- begin code provided by createblog.com -->
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='140,462,233,493' HREF='http://www.xanga.com/Private/profilebasic.aspx' ALT='profile'>
<AREA SHAPE='rect' COORDS='266,462,334,493' HREF='http://www.xanga.com/CLAF/default.asp' ALT='claf'>
<AREA SHAPE='rect' COORDS='362,462,531,493' HREF='http://www.xanga.com/Private/subs.aspx' ALT='subscriptions'>
<AREA SHAPE='rect' COORDS='230,493,343,525' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME' ALT='add me'>
<AREA SHAPE='rect' COORDS='374,493,490,525' HREF='http://www.xanga.com/logout.aspx' ALT='log out'>
</MAP>

<IMG SRC='http://images.cbstaff.com/xanga/02/skin408_image.jpg' border=0 width=800 height=600 USEMAP='#imgmap'>

<div style="position:static; margin-left:-250px;margin-top:-550px;border: 0px solid #ffffff; width: 450px; height: 350px; background:none;overflow: auto">


<style type='text/css'>

table.footer, .mainleft, table.footernav, table.navigation{display: none;};

body
{overflow:none;
scrollbar-arrow-color: ##808080;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff; }

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