coding problem, module positioning Options

[mlinh133]

im making a skin for my xanga and everytime i put in the code for positioning my right module, it messes up everything else or doesnt do what i want it to.

here's my code:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br />document.title = ('Garfield');<br /></script><br /><br /><div align=left><div style="position:static; margin-left: -10px; margin-top: -180px;border: 0px solid #000000; background: none;width: 700; height: 675;"><br /><img src="http://img14.imgspot.com/u/05/58/16/garfield.jpg" BORDER="0"></div><br /><br /><!-- begin code provided by createblog.com --><br /><div style="<br />width: 285px;<br />margin-top: -320px;<br />margin-left: 105px;"> <br /><!-- end code provided by createblog.com --><br /><br /><style><br />body {<br /> background-color: #000000;<br />background-image: url("http://img14.imgspot.com/u/05/58/16/garfieldpx.jpg"); <br />background-repeat: repeat-y; <br />background-position: left;<br />background-color: #d79937;<br /> scrollbar-arrow-color: #d79937;<br /> scrollbar-track-color: #d79937;<br /> scrollbar-shadow-color: #d79937;<br /> scrollbar-face-color: #b97e21;<br /> scrollbar-highlight-color: #b97e21;<br /> scrollbar-darkshadow-color: #d79937;<br /> scrollbar-3dlight-color: #d79937;<br /></style><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:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><style><br />table.blogbody {<br />width: 285px;<br />font-family: Tahoma;<br />font-weight: none;<br />font-size: 10pt;<br />color: #d69938;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: 285px;<br />padding: 3px;<br />text-align: center;<br />}<br />.caption, .blogheader {<br />width: 285px;<br />padding: 3px;<br />font-family: Tahoma;<br />font-size: 14pt;<br />text-align: center;<br />color: #d99e41;<br />background-color: transparent;<br />text-transform: uppercase;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #d69938; font-size: 10pt; }<br />A:link, A:visited, A:active<br />{color:#d69938; text-decoration:none; font-size:10pt;}<br />a:hover<br />{text-decoration: blur; color:#b97e21; font-size: 11pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: tahoma;<br />font-size: 10pt;<br />color: #825714;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com -->

can someone please tell me where to put the div code or what i'm doing wrong?