Hi can any one help me get my blog into the box inside the guitar. I want the xanga to be a small square well actually the blog
this is my xanga if u can see whats wrong with it - thanx

<header>
<img src="file:///C:/Documents and Settings/Elina/My Documents/My Pictures/graphics/Avatars/Guitar layout.jpg" USEMAP="#" BORDER=0>
<map name="">
<area shape="rect" coords="41,7,90,31" href="www.xanga.com" alt="">
<area shape="rect" coords="91,6,145,30" href="http://www.xanga.com/<$Username$>" alt="">
<area shape="rect" coords="144,7,205,30" href="http://edit.xanga.com/claf.aspx" alt="">
<area shape="rect" coords="13,32,112,51" href="http://www.xanga.com/guestbook.aspx?user=Linakartina" alt="">
<area shape="rect" coords="146,30,220,56" href="http://www.xanga.com/Private/feedback.aspx" alt="">
<area shape="rect" coords="106,30,143,48" href="http://www.xanga.com/profile.aspx?user=Linakartina" alt="">
<area shape="rect" coords="212,29,258,50" href="logout.aspx" alt="">
<area shape="rect" coords="41,60,288,323" href="" alt="">
</map>

<!-- Beginning of Client Side Image Map -->
<img src="Guitar layout.jpg" USEMAP="#Xanga" BORDER=0>
<map name="Xanga">
<area shape="rect" coords="41,7,90,31" href="www.xanga.com" alt="">
<area shape="rect" coords="91,6,145,30" href="http://www.xanga.com/<$Username$>" alt="">
<area shape="rect" coords="144,7,205,30" href="http://edit.xanga.com/claf.aspx" alt="">
<area shape="rect" coords="13,32,112,51" href="http://www.xanga.com/guestbook.aspx?user=Linakartina" alt="">
<area shape="rect" coords="146,30,220,56" href="http://www.xanga.com/Private/feedback.aspx" alt="">
<area shape="rect" coords="106,30,143,48" href="http://www.xanga.com/profile.aspx?user=Linakartina" alt="">
<area shape="rect" coords="212,29,258,50" href="logout.aspx" alt="">
<area shape="rect" coords="41,60,288,323" href="" alt="">
</map>
<!-- End of Client Side Image Map -->
<img src="http://img.photobucket.com/albums/v110/Linakartina/Additional%20Graphics/Gun.gif" alt="Image hosted by Photobucket.com">
<br>
<a href="http://www.xanga.com/home.aspx?user=Linakartina" target="_blank"><b>I Make My OWn lAyOuts</b></a>

</a><style type="text/css">
/* <span class='searchlite'>red and black</span> Stylesheet */
/* By Elina (xanga.com/Linakartina) */

body {
background-color: Transparent
scrollbar-arrow-color: #FF0000;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #FF0000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FF0000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 12px Arial;
line-height:12px;
color: #FF0000;
letter-spacing:0px;
text-align:center;

}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:Vivaldi;
text-transform:lowercase;
font-size:16px;
line-height:30px;
font-weight:bold;
filter: alpha (opacity=100, finishopacity=0, style=2);
height: 1px;
background-color: #FF0000;
color:black;
letter-spacing:1px;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FF0000;
text-decoration: none;
font:normal 12px arial;
line-height:18px;

}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#FF0000;
text-decoration: none;
font:normal 12px arial;
line-height:18px;

}
a:hover {
/* edits when user mouseovers the links */
color:#FF0000;
cursor: ne-resize;
text-decoration: none;
font:normal 12px arial;
line-height:18px;

}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px Dashed #000000;
font:normal 12px Arial
background-colortransparent;
letter-spacing:0px;
color: #FF0000;
filter: alpha (opacity=50, finishopacity=100, style=2);



}
table.left {
/* this edits the menu module */
border: 2px dashed #FF0000;
width:160px;
background-color: #FFFFFF;

}
table.blogbody {
/* this edits the other the place where the blog is */
border: 2px dashed #FF0000;
background-color: transparent;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image:
background-color: transparent;
font: bold 12px Arial;
text-transform: lowercase;
color: #FF0000;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image:none ;
background-color: none;
border: none;
font:normal 12px arial;
line-height:14px;
color: #FF0000;
}

hold on theres more

table.blogbody {
/* this edits the other the place where the blog is */
border: 2px dashed #FF0000;
background-color:White,Opacity:50;
width:400px;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #FFFFFF;
border: 2px dashed #FF0000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px dashed #FF0000;
}
hr {
/* horizontal divider */
border: 1px dashed #FF0000;
}
</style>

<br clear="all">
<img src="http://www.toxin.org/cgi-bin/count_hugs.cgi?hug=Lina" height="40" width="240" title="HUGS">
<br clear="all">
*HUGS* TOTAL!
<a href="http://www.toxin.org/cgi-bin/hugs.cgi?&HUGS=yes&hug=Lina">give Lina more *HUGS* because you know u luv her </a>
<br><small><a href="http://www.toxin.org/cgi-bin/gethugs.cgi">Get hugs of your own</a></small><br clear="all">



<style type=text/css< http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">