xanga design newb..., ...needs help! Options

[supahstah_luv]

hey guys =)
working on a new skin, and i'm having problems with scripting for two separate div layers.

i have one layer for blogs, and one for an "about me" section. both of them are aligned properly left-right wise, but they won't show up next to eachother, just one on top of the other.

http://www.xanga.com/flaminko_x3 for what i mean.

also, the css script doesn't seem to affect the second div layer. is this normal?

if it helps, the code is below -

<!-- begin code provided by createblog.com --><br /><br /><img src="http://img456.imageshack.us/img456/1806/idydll38ox.jpg"><br /><br /><style type="text/css"><br />/*silence*/<br />/*by supahstah_luv*/<br /><br />body {<br />background-color: #000000;<br />scrollbar-face-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #000000;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-track-color: #000000;<br />scrollbar-arrow-color: #ff9900;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />{width: 620px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /><br />table.blogbody {<br />width:410px;<br />font-family: terminal;<br />font-weight: none;<br />font-size: 8px;<br />color: #ffffff;<br />text-align: justify;<br />line-height: 10px;<br />padding: 0px;<br />margin-top: 2px;<br />}<br /><br />div.smalltext, .cfooter{<br />font-family: terminal;<br />font-size: 8px;<br />font-weight: bold;<br />color: #ffffff;<br />line-height:10px;<br />}<br /><br />.caption, .blogheader {<br />padding: 3px;<br />font-family: terminal;<br />font-size: 8px;<br />text-align: center;<br />color: #ffffff;<br />text-transform: uppercase;<br />text-decoration: underline;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH {<br />font-family: terminal; <br />color: #ffffffff; <br />font-size: 8pt; <br />}<br /><br />a:link, a:active {<br />color:#ffffff; <br />text-decoration:none; <br />font-size:8px;<br />}<br /><br />A:visited {<br />color:#ffffff; <br />text-decoration: none; <br />font-size:8px;<br />}<br /><br /><br />a:hover {<br />text-decoration: underline; <br />color:#ff9900; <br />font-size: 8px; );}<br /><br /></style><br /><br /><script><br />// Resize Comment Box by Paul Chen aka Coyote<br />width = 410; //change this value<br />height = 410; //change this value<br />if(location.pathname=='/item.aspx'){<br />var booga = document.getElementById('htmleditor')<br />newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';<br />booga.insertAdjacentHTML('afterEnd',newBooga);<br />booga.removeNode(true);<br />}<br /></SCRIPT> <br /><br /><div style="<br />position: absolute;<br />margin-left: 420px;<br />width: 210px;"><br /><br /><table border="0" width=100%><br /><tr><font color="white">allll about meeeeeee!!<br><br />me <br><br />me<br><br />me<br><br />me<br><br />me<br><br />me<br><br />me<br><br />me<br><br />me<br><br />me<br><br />em<br><br />em'<br><br />em<br><br />em<br><br />em<br><br />me<br><br />me<br><br />me<br><br />em<br><br />em<br><br />em<br><br />em<br><br />em<br><br />em<br><br />em<br><br />em<br><br />em<br><br />me<br><br />m<br><br />m<br><br />e<br><br /></tr><br /></table><br /><br /></div><br /><br /><br /><div style="<br />position: absolute;<br />width: 410px;<br />margin-left: -220px;"><br /><!-- end code provided by createblog.com -->

any help would be much appreciated =) thanks guys.

[*digital.fragrance*]

Oooo - I think I found it. After the resize comment box code, insert a </div>. That might do it!