Blog positioning help!, Code help! Options

[Oni tetsu]

Alright, I've been trying really hard to make the code for my first skin. I've mapped the image, calculated the pixels, and read all 3 Xanga coding tutorials I found. Mine's differen't though because it's an... odder image? When I used xanga editor, I jept getting the mapped image in the header section, and the blog below it. I need the blog to go over it in the shaded box. Here's the image; ( PLEASE NO JOCKING! )



And here's my code so far....

<!-- begin code provided by createblog.com --><br /><br /><IMG SRC='http://img14.imgspot.com/u/05/155/13/tonight.gif' border=0 width=720 height=360 USEMAP='#imgmap'><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='12,205,79,228' HREF='http://www.xanga.com' ALT='Xanga Home page'><br /><AREA SHAPE='rect' COORDS='10,232,55,255' HREF='http://www.xanga.com/claf' ALT='Claf'><br /><AREA SHAPE='rect' COORDS='15,260,103,281' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Your subscriptions'><br /><AREA SHAPE='rect' COORDS='11,283,81,304' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=Demonologymaster' ALT='Subscribe to me.'><br /><AREA SHAPE='rect' COORDS='10,311,59,331' HREF='http://www.xanga.com/private/home.aspx' ALT='Your private xanga'><br /></MAP><br /><br /><div style="<br />overflow: auto;<br />width: 465px;<br />height: 315px;<br />margin-top: 15px;<br />margin-left: 225px;"> <br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<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 /><!-- end code provided by createblog.com -->

Please help!