can't figure this out.. Options

[hsuyuanting]

i'm trying to make a layout where i have the blog in one div layer, and then extra stuff of my own in another layer. everytime i try to make a new one, the entire layout disappears or all i'm left with is the picture. what can i do to fix this problem and be able to have the other box of content visible?

<!-- begin code provided by createblog.com --><br /><br /></div><div align="center"><div style="position:static; margin-left: 0px;margin-top: -50px;border: 0px solid  #000000;"><br /><br /><img src="http://home.comcast.net/~hsuyuanting/graphics/sengokubg.jpg" WIDTH=600 HEIGHT=473 BORDER=0 ALT="LUCKY!" USEMAP="#sengoku_Map"><br /><MAP NAME="sengoku_Map"><br /><AREA SHAPE="rect" ALT="add me" COORDS="415,323,480,331" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=realisticality" TARGET="_blank"><br /><AREA SHAPE="rect" ALT="look and feel" COORDS="374,324,398,330" HREF="http://www.xanga.com/CLAF/default.asp" TARGET="_self"><br /><AREA SHAPE="rect" ALT="profile" COORDS="319,323,358,330" HREF="http://www.xanga.com/profile.aspx?user=realisticality" TARGET="_self"><br /><AREA SHAPE="rect" ALT="private" COORDS="265,323,306,331" HREF="http://www.xanga.com/private/home.aspx" TARGET="_self"><br /><AREA SHAPE="rect" ALT="sign out" COORDS="354,227,397,235" HREF="http://www.xanga.com/logout.asp" TARGET="_self"><br /><AREA SHAPE="rect" ALT="sign in" COORDS="304,227,338,235" HREF="http://www.xanga.com/signin.asp" TARGET="_self"><br /><AREA SHAPE="rect" ALT="xanga.com" COORDS="258,227,289,235" HREF="http://www.xanga.com/" TARGET="_self"><br /></MAP><br /><br /></div><br /><div id="content" style="margin-top: -435px; margin-left:280px; width:288px; height:178px; margin-right:0px; margin-bottom: 0px; overflow: auto; filter: none;"><br /><br /><script language="JavaScript">document.title="LUCKY";</script><br /><br /><!-- end code provided by createblog.com --><br /><br /><style type="text/css"><br /><br />body {<br />  background-color: #ffffff;<br />  background-image: url();<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #E6E6E6;<br />  scrollbar-shadow-color: #E6E6E6;<br />  scrollbar-face-color: #E6E6E6;<br />  scrollbar-highlight-color: #E6E6E6;<br />  scrollbar-darkshadow-color: E6E6E6;<br />  scrollbar-3dlight-color: E6E6E6; <br />  }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, {<br />  font:normal 11px arial;<br />  line-height: 13px;<br />  color:000000;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />border: 1px solid #000000;<br />font:normal 11px ARIAL;<br />background-color: #ffffff;<br />font-color:#000000;}<br /><br />table.footer TD {<br />  text-align: center;<br />  }<br /><br />div.blogheader, .caption {<br />  font-family:ARIAL;<br />  font-size:15px;<br />  line-height: 16px;<br />  font-weight:bold;<br />  color:#000000;<br />  background-image: url();<br />  border-bottom: 1px solid #000000;<br />  text-align: justify;<br />  width:255px;<br />  }<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />  color:#000000; <br />  font:normal 11px arial;<br />  line-height: 12px;<br />  font-weight:none;<br />  text-decoration: none;<br />  }<br /><br />a:visited, a.footernav:visited,  {<br />  color:#000000; <br />  font:normal 11px arial;<br />  line-height: 12px;<br />  font-weight:none;<br />  text-decoration: none;<br />  }<br /><br />a:hover {<br />  color:#EC6401;<br />  font:normal 11px arial;<br />  line-height: 12px;<br />  font-weight:bold;<br />  text-decoration: none;<br />  }<br /><br />table.blogbody {<br />  background-color: #transparent;<br />  border: 0px transparent; <br />  border-top: none;<br />  width:255px;<br />  }<br /><br />table.navigation, table.footer {display: none;} <br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />{width: 249px;<br />}<br />table.search TD, table.announcements TH {<br />  border: 0px solid transparent;<br />  width: 249px;<br />  }<br />table.navigation, table.main, table.footer {<br />  border: none;<br />  width: 249;<br />  }<br />table.navigation, table.footer {<br />  background-color:#transparent;<br />  border: 0px transparent;<br />  display: none<br />  width: 249px;<br />  }<br />hr {<br />  border: 0px solid #transparent;<br />  display:none;<br />  }<br /><br />table.blogbody tr td {<br />  width:0px;<br />  padding: 0px;<br />  }<br />table.blogbody div.smalltext{<br />  text-align: center;<br />  width: 249px;<br />  }<br /><br />body {overflow-x: hidden;}<br /><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, .table.footer, table.navigation {display: none;} <br /><br /></style><br /><style><br />strong { color: #EC6401; }<br /></style><br /><!-- end code provided by createblog.com -->

here's my xanga if you need further reference and if you don't understand my description...http://www.xanga.com/realisticality

thanks so much