help with modules Options

[stormbringer]

Okee, I want my modules to work, but every code I try dosn't work. I really want modules with a white backround, that I can position right next to my blog. I followed the how to make a xanga layout tutorial, but it dosn't say anything about positioning modules. Yeahh... Please help me because I'm about to start banging my head on my desk. (i'm that frustrated) Oh, and one more thing, can you make the blog entries all joined together, so every one dosn't have it's own seperate backround?

heres me code:

CODE

<!-- begin code provided by createblog.com -->
<img src="http://i91.photobucket.com/albums/k312/stormbringer101/Lbanner1copy.jpg">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 750px;
height: px;
margin-top: 0px;
margin-left: 70px;">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<!-- end code provided by createblog.com -->




<!-- begin code provided by createblog.com -->
<style type="text/css">
/*l!ghtspeed*/
/*by sonja*/
body {
background-image:url(http://i91.photobucket.com/albums/k312/stormbringer101/headlock-pat104.jpg);
background-repeat: repeat-y-x;
background-color: #;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #889364;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #70782f;
}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: times new roman;
text-transform:none;
first-letter:italic;
font-size:16px;
line-height:20px;
font-weight:normal;
color:#5a752d;
letter-spacing:2px;
background-color:#ffffff;
text-align:center;
border:10px solid #ffffff;}


.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #9c2d13;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal #px FONT FAMILY;
background-color: #ffffff;
font-color:#COLOR CODE;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:ceb8b3;
color: #COLOR CODE;
font: bold #pt times new roman;
text-transform: none;
text-align:center;
border: ffffff 1px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#617451;
font-face: ariel;
font-weight:normal;
font-size:10pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the blog is */
background-color:white;
family-font: verdana;
BORDER: #COLOR CODE #px solid;
width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 10pt;
font-family: verdana;
font-weight:normal;
color:#67851e;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:active
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:visited
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
text-decoration:strikeout;
font-size:#pt;
cursor: crosshair;}

A:hover {font-family:times new roman;
color:#85321e;
text-transform: lowercase;
cursor: crosshair;
font-weight:bold;
font-size:#pt}</style>

<style>
p.nav {
/* edits headers for your menu modules */
font-weight: normal;
font-family:arial;
text-transform:lowercase;
font-size:18px;
color:E6E5C2;
background-color:transparent;
text-align: right;
padding:0px;
letter-spacing:2px;
border:0px
}

p.menubottom {
/* edits the menu modules */
background-color:transparent;
font-family:verdana;
color: #3B3B38;
font-size:10px;
text-align: left;
}
</style>

<table border="0">
<tr>
<td>
<p class="nav">header</p>
<tr>
<td>
<p class="menubottom">
your content here
</td>
</tr>
</table>

Thanks in advance!