Left modules into div layer, how to use current modules into div? Options

[jaceace32]

I was able to figure out how to work the positioning of div layers on my page... SCORE!!!!!

Now i'm trying to move my current MODULES into the div layer at the top right corner.
The MODULES i want to move are the ABOUT ME - SUBSCRIPTIONS - POSTING CALENDER.
What is the code for each of these so i can input them into the div layer?

CODE

<div style="width: 752px; border: 1px solid #000000; background-color: #FFFFFF;">
<div style="border: 1px solid #FFFFFF;">


<!-- Here's the layer on the top right of the page -->

<div style="position:static; margin-left:500px; margin-top: 20px; width: 0px; height: 0px; background: transparent;">

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module">
La la la =]
</td></tr></table><br>

</td><td width="500" valign="top" align="left">
</div>



<IMG SRC="http://img156.exs.cx/img156/6148/0778img2de.gif"  BORDER=0 align="left" VSPACE="10" HSPACE="10" USEMAP="#sgh"> <BR CLEAR=ALL>



<style type="text/css">
a:link, a:visited, a:active { color: #333; text-decoration: underline; }
a:hover { color: #666; text-decoration: none; }
body, td, div, p, th, select, input { font-family: verdana, arial, sans-serif; font-size: 10px; color: #333; }
body { background: #fff; }
form { margin: 0px; padding: 0px; }
hr { color: #fff; }
.banner, .footer, #SearchBar1_pnlSearch { display: none; }
.main { table-layout: fixed; }
.mainleft table { background: #f0efef; border: 0px }
.mainleft th.left { background: #f0efef; padding: 0px 0px 5px 0px; }
.mainleft td.left, .blogbody { background: #fff; border: 1px solid #ccc; border-top: 5px solid #ccc; }
.mainleft th, .blogheader { font-size: 10px; text-transform: uppercase; letter-spacing: .3em; }
.blogbody td { text-align: justify; line-height: 17px; padding: 4px; padding-left:0px; width:0px; }
.htmleditor { width: 513px; }
</style>



<style type="text/css">
}
table.blogbody, div.blogheader, .caption{
width:330;
}
table.footer, table.search, #SearchBar1_pnlYouAreHere, #rblEprops, #pnlEprops, hr {display: none;}
</style>

[avalon*]

please edit your posts, thanks =)

you have to distinctly separate both div layers. like they can't be running into one another like you have them now.