Alignment problem..., Blog and extra info won't align. Options

[emo]

http://myfilestash.com/userfiles/3mo/whatswrong.PNG


^ look...

I don't know what I did wrong. I followed the FAQ from the tutorials shown and I tried everything but it all doesn't seem to align. Also another problem is the horizontal scroll bar...

Here are my codes:

<!-- begin code provided by createblog.com --><br /><br /><IMG NAME="crucifixions0" SRC="http://myfilestash.com/userfiles/emo/crucifixions.png" WIDTH="893" HEIGHT="600" BORDER="0" USEMAP="#crucifixions"><br /><MAP NAME="crucifixions"><br /><AREA SHAPE="rect" COORDS="735,116,825,151" HREF="http://xanga.com"><br /><AREA SHAPE="rect" COORDS="736,156,842,180" HREF="http://www.xanga.com/private/home.aspx?"><br /><AREA SHAPE="rect" COORDS="737,193,836,215" HREF="http://www.xanga.com/claf/Default.asp"><br /><AREA SHAPE="rect" COORDS="737,225,860,249" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=crucifixions"><br /><AREA SHAPE="rect" COORDS="737,255,875,280" HREF="http://www.xanga.com/private/subs.aspx"><br /><AREA SHAPE="rect" COORDS="737,293,830,313" HREF="http://xanga.com/crucifixions"><br /><AREA SHAPE="rect" COORDS="736,321,865,344" HREF="http://xanga.com/logout.aspx"><br /><AREA SHAPE="rect" COORDS="738,356,861,383" HREF="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=6896188&Mytoken=20050112194348"><br /><AREA SHAPE="rect" COORDS="740,390,827,416" HREF="emo@k.st"><br /></MAP><br /><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:295px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><br /><style type="text/css"><br />body <br />{background-color: #ffffff;<br /><br />    SCROLLBAR-FACE-COLOR: #FFFFFF;<br />    OVERFLOW-X: hidden;<br />    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;<br />    SCROLLBAR-SHADOW-COLOR: #FFFFFF;<br />    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;<br />    SCROLLBAR-ARROW-COLOR: #000000;<br />    SCROLLBAR-TRACK-COLOR: #FFFFFF;<br />    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Arial;<br />text-transform:none;<br />font-size:7px;<br />line-height:9px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #ffffff;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #5ADFAD;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align:justify;}<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: Arial;<br />width:0px; /*<-- make the number you entered for the width here smaller*/}<br /><br /><br /><br />a:link<br />{line-height: 9pt; <br />font-family: Arial;<br />font-weight:underline; <br />color:#F77D9C; <br />text-transform:none;<br />font-size:7pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: Arial; <br />color:#000000; <br />text-transform:none;<br />font-size:7pt; <br />cursor:crosshair;}<br />text-align:justify;}<br /><br />a:visited<br />{font-family: Arial; <br />color:#000000; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:7pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:7pt}</style><br /><br /><br /><br /><div id="Navigation" style="position:static; margin-left: 573px; margin-top: -591px; border:0px solid #000000; width: 100px; height: 100; background: none; overflow: auto;"><br /><p align="left"><br /><br><br>blahblahblah<br /></p><br /><p align="left"><br /></p><br /></div><br /><br /><div id="Blog" style="position:static; margin-left: 192px; margin-top: -60px; border: 0px <br />solid #000000; width: 286px; height: 187px; background: none; overflow: auto;"><p align="left"><br /><br /><!-- end code provided by createblog.com -->

If anybody could help, I would greatly appreciate it. Thanks!