I need help with my DIV overlay, I need help with my DIV overlay Options

[emberfly]

Ok well, I made this layout: sir-clicks-alot.
I submitted this layout to Createblog, and it was rejected because between the transfer of codes, the entire layout changed mysteriously?! This is what it looked like:Clicky McClickClick Notice the difference? Who doesn't. Can someone help me?

My layout code is...*drumroll*...

CODE

<style type="text/css">/* place in your own header html*/
table.navigation{display:none}
table.footer{display:none}</style>


<script>document.title="..take me away to paradise";</script>
<style type="text/css">
/* STYLESHEET BY FIREFLY_LAYOUTS */
body {
margin-bottom:-100px;
margin-top:-100px;
background-color: #409FFF;
background-image: url();
background-attachment:scroll;
background-repeat: no-repeat;
background-position: top left;
scrollbar-arrow-color: #FFCC99;
scrollbar-track-color:transparent;
scrollbar-shadow-color: #FFCC99;
scrollbar-face-color: #32CD32;
scrollbar-highlight-color: #FFCC99;
scrollbar-darkshadow-color: #32CD32;
scrollbar-3dlight-color: #32CD32;
overflow-x:hidden;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* MAIN TEXT */
font:normal 11px arial;
line-height:14px;
color: #000000;
letter-spacing:0px;
text-align:center;
}
/* STRIKED TEXT */
S {font-weight:normal;
letter-spacing:0px;
color: #FF0000;
}
/* BOLD TEXT */
b, strong {font-weight:bold;
letter-spacing:0px;
color: #0060bf;
}
/*UNDERLINED TEXT*/
u {font-weight:normal;
letter-spacing: 0px;
color: #33CCFF;
border-bottom: 1pt solid #32CD32;
}
/*ITALIC TEXT*/
em,i {font-weight:normal;
lefter-spacing: 0px;
font-family: georgia;
color:32CD32;};
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader, .caption {
/* DATES */
font-family: script mt bold;
text-transform:normal;
font-size:26px;
line-height:32px;
font-weight:bold;
color: #32CD32;
letter-spacing:-2px;
background-color:;
text-align: center;
width:410px;
filter:none;
border-top: 0px solid #FFCC99;
border-left: 0px solid #FFCC99;
border-right: 0px solid #FFCC99;
border-bottom: 0px solid #FFCC99;

}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* Edits links */
background-color: transparent;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
color: #0060bf;
text-transform: normal;
font-weight:normal;
font: 11px arial;
line-height:13px;
letter-spacing: 0px;
text-decoration: none;
border: 0px solid #0060bf;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
background-color: transparent;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
color: #0060bf;
text-transform: normal;
font: 11px arial;
line-height:13px;
letter-spacing: 0px;
text-decoration: none;
border: 0px solid #0060bf;
}
a:hover
{/* edits when user mouseovers the links */
color: #32CD32;
background-color:#FFCC99;
text-transform: normal;
text-decoration: none;
cursor:crosshair;
letter-spacing:0px;
filter: blur;
border: 1px solid #FFCC99;
}
input, select, textarea, .textfield, .button {
/* BUTTONS,DROPDOWNS. */
border: 1px solid #32CD32;
font:normal 11px arial;
background-color: transparent;
color:#33ccFF;
}
table.left {
/* Menu Module */
background-color: #FFcc99;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
font-weight: normal;
text-align: right;
width:157px;
color: #000000;

}
table.blogbody {
/* Blog Entrys */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
background-color: #ffcc99;
border-top: 0px solid #FFCC99;
border-bottom: 0px solid #FFCC99;
border-left: 0px solid #FFCC99;
border-right: 0px solid #FFCC99;
width:410px;
}
table.left th {
/* Title of left side modules */
font-family: script mt bold;
text-transform:none;
font-size:18px;
line-height:32px;
font-weight:bold;
line-height: 16px;
font-color: #FFCC99;
filter: gradient <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #33ccFF, endColorStr=#409FFF); width: 50px; height: 150px;"> </div>;
letter-spacing:0px;
background-color: #409FFF;
text-align: center;
border-top: 0px solid #FFCC99;
border-bottom: 3px solid #FFCC99;
font-color: #FFCC99;
font-color: #FFCC99;
}
table.left TD {
/* Left Module Body */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
background-color: #FFcc99;
border: 0px solid #FFCC99;
font:normal 11px arial;
line-height:14px;
color: #000000;
text-align: center;
border-top: none;
}
table.search TD, table.search, table.announcements {
/* Search Bar */
background-color: transparent;
border: 1px solid #FFCC99;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 3px solid #FFCC99;
}
table.navigation, table.main, table.footer {
/* s */
width: 100px;
}
hr {
/* horizontal divider */
border: 1px solid #FFCC99;
display:none;
}
table.footer {
display: none;
}
.mainleft {
display:none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
/* edits the comments page */
width:410px;
border:1px dashed #0080FF;
}
/* STYLESHEET BY FIREFLY_LAYOUTS */
</style>

<BODY style="border-bottom: #32CD32
5t solid; border-top: #32CD32
5t solid; border-left: #32CD32
10t solid; border-right: #32CD32
10t solid"></TBODY>
</style>




















<div align=left><div style="position:static;
margin-left:-10px; margin-top: -120px">
<img src="http://xs224.xs.to/xs224/08076/cuuuuut835.png" border="0">
</div>


<!-- Start: EDIT1 -->
<div align="left" style="position:static; overflow: auto; margin-left:250px; margin-top: -522px; height:88px; border-bottom: 5px #0080FF; width: 185px; background-color:#FFCC99;">




<B>Name:</b><font color="#0060bf"> your name</font>
<BR><B>Age:</b><font color="#0060bf"> your age</font>
<BR><b>Gender:</b><font color="#0060bf"> your gender</font>
<BR><b>Location:</b><font color="#0060bf"> city,state, etc...</font>
<BR><B>Interests:</b><font color="#0060bf"> your interests</font>
<BR><B>Expertise:</b><font color="#0060bf"> what are you good at?</font>
</DIV>


<!-- Start: EDIT2 -->

<div align="left" style="position:absolute; overflow: auto; margin-left:250px; margin-top: 28px; height:88px; border: 0px; width: 185px; background-color:#FFCC99;">

<a href="http://www.xanga.com" class="Box"> xanga</a>

<a href="http://www.xanga.com/signin.aspx" class="Box">sign in</a>

<a href="http://www.xanga.com/private/yourhome.aspx" class="Box">private</a>

<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOUR USERNAME HERE" class="Box">subscribe</a>

<a href="http://www.xanga.com/Private/subs.aspx" class="Box">Subscriptions</a>

<a href="http://edit.xanga.com/claf.aspx" class="Box">look + feel</a>

<a href="http://www.xanga.com/Private/profilebasic.aspx" class="Box">edit profile</a>

<a href="http://www.xanga.com/Private/feedback.aspx" class="Box">feedback</a>

<a href="http://www.xanga.com/Private/editaccount.aspx" class="Box">account info</a>

<a href="http://www.xanga.com/logout.asp" class="Box">log out</a>

<a href="http://www.xanga.com/firefly_Layouts" class="Box" alt="light up your site™">Light up your site</a>

</DIV>


<!-- Start: EDIT3 -->

<div align="left" style="position:absolute; overflow: auto; margin-left:250px; margin-top: 30px; height:88px; border: 0px; width: 185px; background-color:#FFCC99;"><font color="#0060bf">

CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>
CUSTOM MODULE<br>




</font>
</DIV>


<!-- Start: EDIT4 -->

<div align="left" style="position:absolute; overflow: auto; margin-left:250px; margin-top: 29px; height:88px; border: 0px; width: 185px; background-color:#FFCC99">

<marquee behavior="alternate" speed="1">
<img src="http://i267.photobucket.com/albums/ii294/emberfly_layouts/14o9b0n.png" width="100" height="100">

<img src="http://i267.photobucket.com/albums/ii294/emberfly_layouts/14o9h0w.jpg">

<img src="http://i267.photobucket.com/albums/ii294/emberfly_layouts/efb3fb5c0dfc97716a3a43711d0df10b178.png">

<img src="http://i267.photobucket.com/albums/ii294/emberfly_layouts/hv53eu4rb.png">

<img src="http://i267.photobucket.com/albums/ii294/emberfly_layouts/z120959929.png">

<img src="http://i267.photobucket.com/albums/ii294/emberfly_layouts/z37650918.png" width="100" height="100">

</marquee><BR>
</DIV>





<style>
a.box:link, a.box:visited, a.box:active {
text-decoration: none;
color : #0060bf;
background-color:#FFCC99;
font-size : 9px;
filter:none;
font-family : arial;
line-height: 12pt;
text-transform:lowercase;
border-bottom:1px dashed #0060bf;
border-top:0px solid white;
display:block;
padding-right:6px;
border-left: 2px #32CD32 solid;
border-right: 6px #FFCC99 solid;
text-align: left;
}
}
a.box:hover {
text-transform:lowercase;
style:normal;
filter:none;
background: url() no-repeat;
background-color: #32CD32;
padding: 0px 0px 0px 0px;
color: #FFCC99;
border-bottom:1px dashed #32CD32;
border-top:0px #32CD32 solid;
display:block;
border-left:2px #32CD32 solid;
border-right:6px #32CD32 solid;
text-align: left;
padding-right:6px;
}

</style>



<STYLE TYPE="text/css">
a:hover {cursor: url(http://filexoom.com/uploaded/2007/8/15/82218/tinyhand.cur);}
</STYLE>

<div align=left>
<div style="border: 0px double #32CD32; overflow: auto; position:static; width: 436px; height: 436px; margin-top:-438px; margin-left: 473px; background-color:#FFCC99;">

--Please and thank you!

[emberfly]

O.o.