help with text overlapping images? Options

[roulettedragon]

can someone help me?i wanna put text at the right of my layout..here..i will show the pic..can someone tell me how to make a transparent table over the part i've circled in the pic?i want the text to over lap it...thanks!
screenshot of xanga
here's the code for my xanga

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='100,502,164,518' HREF='http://xanga.com' ALT='xanga'><br /><AREA SHAPE='rect' COORDS='178,507,247,520' HREF='http://www.xanga.com/signin.aspx' ALT='sign in'><br /><AREA SHAPE='rect' COORDS='261,504,342,520' HREF='http://www.xanga.com/logout.aspx' ALT='logout'><br /><AREA SHAPE='rect' COORDS='353,506,406,522' HREF='http://www.xanga.com/claf' ALT='claf'><br /><AREA SHAPE='rect' COORDS='417,506,478,521' HREF='htt://www.xanga.com/private/subscribeto.aspx?user=ariaofseiryu' ALT='subscribe to me'><br /></MAP><br /><br /><IMG SRC='http://img79.exs.cx/img79/1199/layout7oc.png' border=0 width=800 height=600 USEMAP='#imgmap'> <br /><br /><div style="width: 800px; BACKGROUND: transparent; repeat: no-repeat;border: solid 0px #FFFFFF;<br />height: 100%px;padding-left: 0px;padding-right: 400px; padding-top:0<br />px;position:static;margin-top:-0px;margin-left:0px";margin-right:400px><br /><br /><!-- Begin Table --><br /><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="850" HEIGHT="780"><br /></style><style type="text/css"><br />/*The best of kuroya*/<br />/*by aria*/<br />body {<br />background-image:url(http://img29.exs.cx/img29/5556/bg2vb.png);<br />background-repeat: repeat-y-x;<br />background-color: #6B363D;<br />scrollbar-face-color: #885158;<br />scrollbar-shadow-color: #885158;<br />scrollbar-highlight-color: #885158;<br />scrollbar-3dlight-color: #885158;<br />scrollbar-darkshadow-color: #885158;<br />scrollbar-track-color: #DCC3C7;<br />scrollbar-arrow-color: #885158;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody{<br />border: 0px;<br />background-color: transparent;<br />width: 600;<br />border-width: 0px 0px 0px 0px;<br />position: left;<br />}<br /><br /><br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* buttons */<br />border: 1px dashed #EFCFDF;<br />font:normal 11px trebuchet MS;<br />background-color: 5B3236;<br />letter-spacing:0px;color:000000;<br />color: #EFCFDF;<br />}<br /><br />table.navigation, table.footer {<br />display: none;<br />}<br />P, B, I, TD, TH <br />{font-family: FONT; color: #COLOR CODE OF FONT; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#EFCFDF; text-decoration:underline; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#EFCFDF; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: Trebuchet MS;<br />font-size: 10pt;<br />color: #EFCFDF;<br />font-weight: bold; <br />text-transform: lowercaps;<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, hr, table.footer, <br /><br />table.search, #SearchBar1_pnlYouAreHere {<br />display: none;<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 /><!-- end code provided by createblog.com -->

[threepointone]

if you know how to use html slices (i think there's a tutorial on it somewhere in createblog; search for it), it'd probably be much easier to use that.