DIV Overlay Help, position and covering it Options

[emo]

Hi, I'm trying to make a MySpace DIV Overlay Layout using this picture: http://img369.imageshack.us/img369/8836/roses2yg.png

I read over the forums but nothing seemed to work, and I toyed around with the HTML.

<!-- begin code provided by createblog.com --><br /><style type="text/css"> .Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} .begone{visibility:hidden; display:none;} .hidethem {display:none; visibility:hidden;} .comments {display:none; visibility:hidden;} </style> <br /><br /><br />   <br /><br /></td> </tr> </table> </td> </tr> </table><br> </tr> </table> </td> </tr> </table> <div class="begone"><table><tr><td><table><tr><td> <div class="begone"><table><tr><td><table><tr><td> <DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}"> <tr> <td valign="top"> <div class="bg" style="position: absolute; left:2px; top:200px; width:726px; height:553px; overflow: hidden;"> <img src="http://img369.imageshack.us/img369/8836/roses2yg.png"> </div> <div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center> </div> </td> </tr> </table> </DIV> <br /><!-- end code provided by createblog.com -->

I also don't know where I can put the code for image mapping either and putting in a comment box and covering my friends and comments. Could someone please help me? Thanks in advance.