Here's a snapshot of the problem:
And here's the layout code:
CODE
<html>
<head>
<title>♥ HOT i s s u e</title>
</head>
<body> <style type="text/css">
</style>
<style>
body
{ background: #c3c3c3;
background-image: url('');
background-repeat: repeat;
cursor: crosshair;
font-family: tahoma;
color: #333333;
font-size: 7pt;
}
A:link, A:visited, A:active
{ text-decoration: none; font-weight: none; color: #999999; cursor: crosshair; filter: none;}
A:hover
{ text-decoration: underline; color:#000000; font-size: 6.5pt; background-color: #e8e8e8; border-bottom:1px solid #c6cfaf; cursor:crosshair;}
.title{
font-family: small fonts;
font-weight: normal;
font-size: 7pt;
color: #c6c6c6;
background-color: white;
text-align: left;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;}
.date{
font-family: Georgia;
font-weight: normal;
font-size: 12pt;
color: white;
border-bottom; 1px solid black;
background-color: #8aa02c;
text-align: left;
line-height: 17px;
letter-spacing: 1px;
text-transform: uppercase;}
.head{
font-family: arial;
font-weight: normal;
font-size: 9pt;
color: white;
background-color: #8aa02c;
text-align: center;
line-height: 15px;
letter-spacing: 3px;
text-transform: uppercase;}
.h1{
font-family: Franklin Gothic Medium;
font-weight: normal;
font-size: 7pt;
color: white;
background-color: #ffa1b9;
text-align: center;
line-height: 8px;
letter-spacing: px;
text-transform: lowercase;
}
.box{
background-color: #ffffff;
font-family: tahoma;
font-size: 7pt;
line-height: 12px;
}
blockquote {
font-family: verdana;
font-size: 7pt;
color: black;
margin: 10pt;
line-height: 8pt;
border: 1px dashed #b7b7b7;
text-align: left;
width:justify;
background: #e8e8e8;
padding: 3px; }
b {color:#EAC117;
font-weight:bold;
text-transform:none;
border:;}
i {color:#806517;
font-family:georgia;
letter-spacing:1pt;
text-transform:lowercase;}
u {color:#8A4117;
font-family:tahoma;
border-bottom: 2px solid #f3B7C1;}
#navbar-iframe { height:0px; visibility:hidden; display:none }
</style>
</body>
<div id=side style="position:absolute; top: 20px; left:130px;">
<img src="http://i119.photobucket.com/albums/o145/ainetball/blogskins/bigbang.png">
</div>
<div id="box" style="position:absolute; padding: px; left: 140px; top:270px; width: 200px; background-color:white;">
<div class="head">v.i.p</div>
<div class="h1">all you need to know</div>
<br>
<h3><em><i>The</i> au</em>thor</h3>
<u><i><b>The Basics;;</u></i></b><br>INFO.
<p><u><i><b>Thee Good</u></i></b><br>INFO
<p>
<p><u><i><b>Thee Bad</u></i></b><br>INFO<br>
<p>
<div class="head">chat</div>
<div class="h1">tell me you love me</div>
<br>
<CHATBOX HERE>
<br>
<p>
<div class="head">hotissue</div>
<div class="h1">play it again</div>
<br>
<MUSIC PLAYER HERE>
<p>
<div class="head">My Wishlist</div>
<div class="h1">My wants & needs; your gift ideas</div>
<br>
STUFF HERE
<p>
<div class="head">my shadows</div>
<div class="h1">if you wanna know</div>
<br>
<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
</a><br />
</BloggerPreviousItems>
<p>
<div class="head">credits</div>
<div class="h1">i wanna thankyou</div>
<br>
Skinner: 1-perfect_girl
</div>
</div>
<div class="box" id="main" style="position:absolute; padding: px; left: 350px; top:270px; width: 425px; background-color:white;">
<div class="area">
<div class="date">
<MTDateHeader><$MTEntryDate format="%B %e, %Y"$></MTDateHeader></div>
<div class="title">
<$BlogItemTitle$> @ <$MTEntryDate format="%I:%M:%S %p"$>
<BlogItemUrl></a></BlogItemUrl>
</BlogItemTitle>
</div>
<$MTEntryBody$>
<p>
<div align="right">
<i>It's not the last farewell ♥</i>
</div>
</MTEntries>
</div>
<head>
<title>♥ HOT i s s u e</title>
</head>
<body> <style type="text/css">
</style>
<style>
body
{ background: #c3c3c3;
background-image: url('');
background-repeat: repeat;
cursor: crosshair;
font-family: tahoma;
color: #333333;
font-size: 7pt;
}
A:link, A:visited, A:active
{ text-decoration: none; font-weight: none; color: #999999; cursor: crosshair; filter: none;}
A:hover
{ text-decoration: underline; color:#000000; font-size: 6.5pt; background-color: #e8e8e8; border-bottom:1px solid #c6cfaf; cursor:crosshair;}
.title{
font-family: small fonts;
font-weight: normal;
font-size: 7pt;
color: #c6c6c6;
background-color: white;
text-align: left;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;}
.date{
font-family: Georgia;
font-weight: normal;
font-size: 12pt;
color: white;
border-bottom; 1px solid black;
background-color: #8aa02c;
text-align: left;
line-height: 17px;
letter-spacing: 1px;
text-transform: uppercase;}
.head{
font-family: arial;
font-weight: normal;
font-size: 9pt;
color: white;
background-color: #8aa02c;
text-align: center;
line-height: 15px;
letter-spacing: 3px;
text-transform: uppercase;}
.h1{
font-family: Franklin Gothic Medium;
font-weight: normal;
font-size: 7pt;
color: white;
background-color: #ffa1b9;
text-align: center;
line-height: 8px;
letter-spacing: px;
text-transform: lowercase;
}
.box{
background-color: #ffffff;
font-family: tahoma;
font-size: 7pt;
line-height: 12px;
}
blockquote {
font-family: verdana;
font-size: 7pt;
color: black;
margin: 10pt;
line-height: 8pt;
border: 1px dashed #b7b7b7;
text-align: left;
width:justify;
background: #e8e8e8;
padding: 3px; }
b {color:#EAC117;
font-weight:bold;
text-transform:none;
border:;}
i {color:#806517;
font-family:georgia;
letter-spacing:1pt;
text-transform:lowercase;}
u {color:#8A4117;
font-family:tahoma;
border-bottom: 2px solid #f3B7C1;}
#navbar-iframe { height:0px; visibility:hidden; display:none }
</style>
</body>
<div id=side style="position:absolute; top: 20px; left:130px;">
<img src="http://i119.photobucket.com/albums/o145/ainetball/blogskins/bigbang.png">
</div>
<div id="box" style="position:absolute; padding: px; left: 140px; top:270px; width: 200px; background-color:white;">
<div class="head">v.i.p</div>
<div class="h1">all you need to know</div>
<br>
<h3><em><i>The</i> au</em>thor</h3>
<u><i><b>The Basics;;</u></i></b><br>INFO.
<p><u><i><b>Thee Good</u></i></b><br>INFO
<p>
<p><u><i><b>Thee Bad</u></i></b><br>INFO<br>
<p>
<div class="head">chat</div>
<div class="h1">tell me you love me</div>
<br>
<CHATBOX HERE>
<br>
<p>
<div class="head">hotissue</div>
<div class="h1">play it again</div>
<br>
<MUSIC PLAYER HERE>
<p>
<div class="head">My Wishlist</div>
<div class="h1">My wants & needs; your gift ideas</div>
<br>
STUFF HERE
<p>
<div class="head">my shadows</div>
<div class="h1">if you wanna know</div>
<br>
<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
</a><br />
</BloggerPreviousItems>
<p>
<div class="head">credits</div>
<div class="h1">i wanna thankyou</div>
<br>
Skinner: 1-perfect_girl
</div>
</div>
<div class="box" id="main" style="position:absolute; padding: px; left: 350px; top:270px; width: 425px; background-color:white;">
<div class="area">
<div class="date">
<MTDateHeader><$MTEntryDate format="%B %e, %Y"$></MTDateHeader></div>
<div class="title">
<$BlogItemTitle$> @ <$MTEntryDate format="%I:%M:%S %p"$>
<BlogItemUrl></a></BlogItemUrl>
</BlogItemTitle>
</div>
<$MTEntryBody$>
<p>
<div align="right">
<i>It's not the last farewell ♥</i>
</div>
</MTEntries>
</div>
