It's just not working Options

[purplestarz]

This is my first skin and it looks ok, but when I submit it there is all this extra space and I'm just lost. I know I proabably need to work on the code, but seriously I just dont know where. Can someone please help?

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='275,527,198,554' HREF='http://www.xanga.com/Private/subs.aspx'><br /><AREA SHAPE='rect' COORDS='290,330,301,408' HREF='http://www.xanga.com/register.aspx'><br /><AREA SHAPE='rect' COORDS='110,256,196,277' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=darkpurplestarz'><br /><AREA SHAPE='rect' COORDS='45,517,88,562' HREF='http://www.xanga.com/default.aspx?mode=logout'><br /><AREA SHAPE='rect' COORDS='35,350,11,405' HREF='www.xanga.com'><br /></MAP><br /><br /><img src="http://img.photobucket.com/albums/v83/purplestarz/skins.gif"border=0 width=800 height=600 USEMAP='#imgmap'><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><br /><<div style="<br />overflow: auto;<br />width: 436px;<br />height: 270px;<br />margin-top: 0px;<br />margin-left: 200px;"> <br /><!-- end code provided by createblog.com --><br /> <br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com --> <br /> <br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /> <br /><!-- end code provided by createblog.com --><br /> <br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*PurpleStarz*/<br />/*Shavi*/<br />body {<br />background-image:url();<br />background-repeat: repeat-y-x;<br />background-color: #000000;<br />scrollbar-face-color: #CC00FF;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />}<br /> <br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /> <br />table.blogbody {<br />width:436;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #000000;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 0px;<br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: CHANGE FONT;<br />font-size: 16pt;<br />text-align: center;<br />color: #990099;<br />background-color: #000000;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /> <br />P, B, I, TD, TH <br />{font-family: FONT; color: #CC33CC; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color#CC0099; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#COLOR; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color:#CC00CC;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- begin code provided by createblog.com --><br /><br /><br /><!-- end code provided by createblog.com -->