Question About My Layout, help!! Options

[do0kie]

i have my layout in divs,so i have two images one for the layout one for the background,but the background is showing up above the the layout. is there any way i can position the layout so that this won't happen?

also does anyone know what the hex code for the tan part of my layout is?

here's my coding:

<!-- begin code provided by createblog.com --><br /><META http-equiv=imagetoolbar content=no><br /><div align=left><div style="position:static; margin-left:-10px;margin-top:-1px;border: 0px solid #000000;background: none;"><br /><img src="http://www.freewebs.com/obsessedwithgc/greendaylayoutver2.PNG" BORDER="0"></div><br /><br /><div align=left style="position:static; margin-left:394px;margin-top: -400px;border: 0px solid #ffffff; width: 213px; height: 2950px; overflow: auto; background: #000000; filter: chroma(color=)"><br /><br /><table border="0"><br /><tr><br /><td><br /><p class="nav">about me<br><font style="font-size:11; font-weight:bold; letter-spacing:2;" face="arial" color="C5D8D5">&nbsp;&nbsp;&nbsp; about me</font></p><br /><tr><br /><td><br /><p class="menubottom"><br /><br /><center>Hi My Name Is:Lizzette<br /><center>My B-day is on:6/8/91<br /><center>I Live In:Pennsylvania<br /><center>AIM me:carebeargurl737,<br />o0min0rity0o,<br />do0kieXbrain<br /><br /></p><br /><tr><br /><td><br /><p class="nav">navigation<br><font style="font-size:11; font-weight:bold; letter-spacing:2;" face="arial" color="#C5D8D5">&nbsp;&nbsp;&nbsp; navigation</font></p><br /><tr><br /><td><br /><p class="menubottom2"><br />01: <A href="http://www.xanga.com/signin.asp">Log In</A><br><br />02: <A href="http://www.xanga.com/cl0okie">My Site </A><br><br />03: <A href="http://www.xanga.com/profile.asp?user=cl0okie">My Profile</A><br><br />04: <A href="http://www.xanga.com/private/SubscribeTo.aspx?user=cl0okie">Subscribe to Me</A><br><br />05: <A href="http://www.xanga.com/guestbook.asp?user=cl0okie">Sign My Guestbook</A><br><br />06: <A href="http://www.xanga.com/private/home.aspx">Return to Your Xanga</A><br><br />07: <a href="http://www.xanga.com/CLAF/default.asp"> Customize Look and Feel</A><br><br />08: <A href="http://www.xanga.com/private/subscriptions.aspx">Sites I Read</A><br><br />09: <A href="http://www.xanga.com/logout.asp">Log Out</A><br /><tr><br /><td><br /><p class="nav">blogrings<br><font style="font-size:11; font-weight:bold; letter-spacing:2;" face="arial" color="#C5D8D5">&nbsp;&nbsp;&nbsp; blogrings</font></p><br /><tr><br /><td><br /><p class="menubottom2"><br />01: <a href="http://www.xanga.com/groups/group.aspx?id=678395">=PUNK-ALT.</a><br><br />02: <a href="http://www.xanga.com/groups/group.aspx?id=611741">Green Day</a><br /><br>03: <a href="http://www.xanga.com/groups/group.aspx?id=698389"><br />++My Chemical Romance++</a><br /><br>04: <a href="http://www.xanga.com/groups/group.aspx?id=98631"> !» GoOd ChArLoTtE « !</a><br /><br>05: <a href="http://www.xanga.com/groups/group.aspx?id=196048">! 1 ! Sugarcult ! 1 !</a><br /><br>06: <a href="http://www.xanga.com/groups/group.aspx?id=443184"> RANCID ! / ! AFI ! / ! Ramones ! /</a><br /><br>07: <a href="http://www.xanga.com/groups/group.aspx?id=247575">! the distillers !</a><br /><br /><tr><br /><td><br /><p class="nav">Favorite Bands<br><font style="font-size:11; font-weight:bold; letter-spacing:2;" face="arial" color="C5D8D5">&nbsp;&nbsp;&nbsp; favorite bands</font></p><br /><tr><br /><td><br />green day,good charlotte(go ahead call me a poser, labels suck), blink 182,suargult, new found glory, less than jake, the ramones, the distillers, nofx,anti flag,jimmy eat world, simple plan, taking back sunday, hawthorne heights, cky, linkin park, story of the year,the clash, mest,boxcar racer,my chemical romance,afi, bowling for soup,yellowcard ,afi,bad religion,korn,sex pistols,the killers,the casualties,cake,bright eyes,the explosion,afi,straylight run,rancid,the ataris,papa roach,sum 41,and loads more......<br /><br /><br /><br /><tr><br /><td><br /><p class="nav">Movies and TV<br><font style="font-size:11; font-weight:bold; letter-spacing:2;" face="arial" color="#C5D8D5">&nbsp;&nbsp;&nbsp;Movies and TV</font></p><br /><tr><br /><td><br /><br />movies:Jackass:the Movie,The Nightmare Before Christmas,South Park:Bigger,longer,and Uncut,Napoleon Dynamite<br /><br />TV: jackass,viva la bam,wildboyz,south park,the simpsons,family guy,laura(spanish talk show that like jerry springer,but is WAY better)<br /> <br /><tr><br /><td><br /><p class="nav">Links<br><font style="font-size:11; font-weight:bold; letter-spacing:2;" face="arial" color="C5D8D5">&nbsp;&nbsp;&nbsp; Links</font></p><br /><tr><br /><td><br /><p class="menubottom2"><br /><br /><tr><br /><td><br /><br /><tr><br /><td><br /><br /><tr><br /><tr><br /><td><br /><p class="menubottom"><br /><table align="left"><br /><td width="10%"></td><br /><td width="50%" align="right"><div align="justify"><br /><a href="http://www.xanga.com/portraits_trash">Lily's Xanga</a> <br /><br><a href="http://xanga.com/EMOXPUNK_songs-lots of good music to put on your xanga">emoXpunk_songs' xanga site,lots of song to put on your site</a> <br /><br><a href="http://www.neopets.com">neopets</a> <br /><br><a href="http://ww.buddy4u.com">buddy4u</a><br /><br><a href="http://www.bored.com">Bored?go here</a> <br /><br><a href="http://www.freewebs.com/thebiggestposer">my anti avril site</a><br /><br><a href="http://singingfish.com">singingfish-even more music to put on your site</a><br><a href="http://www.createblog.com">Createblog-xanga skins,scripts,help,and more!</a><br /><br><a href="http://xanga.com/html_index">html_index's xanga site, list of links for html help,icons layouts,quizzes,and more</a><br /><br><a href="greenday.com">Green Day-Official Site</a><br /><br><a href="avatarhell.com">really cool icons</a><br /><br><a href="iconhell.com">aim icons</a><br /><br><a href="freewebs.com/vivalabam37">Neopets Screenies</a>  <br /></td></table><br /><br /><tr><br /><td><br /></td><br /></tr><br /></table><br /></div><br /><br /><br /><div style="position:static; margin-left:4px;margin-top: -2960px;border: 0px solid #ffffff; width: 296px; height: 100%;"><br /><br /><style type="text/css"><br /> <br /><br />table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, hr, table.footer TD {display: none;}<br /><br />body {<br /> background-color: #e2d9c4;<br />background-image: url("http://img.photobucket.com/albums/v452/obsessedwithGC/bg.png"); <br />background-repeat: repeat-y; <br />background-position: top left;<br /> scrollbar-arrow-color: tan;<br /> scrollbar-track-color: black;<br /> scrollbar-shadow-color: #000000;<br /> scrollbar-face-color: #000000;<br /> scrollbar-highlight-color: #000000;<br /> scrollbar-darkshadow-color: #000000;<br /> scrollbar-3dlight-color: #000000; <br /> }<br /><br /> {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<br />  }<br /> <br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br /> font:normal 10px tahoma;<br /> line-height:11px;<br /> color:#C5D8D5;<br /> letter-spacing:0px;<br /> text-align:justify;<br />}<br /><br />p.nav {<br />/* edits the menu modules */<br /> width:180px;<br /> background-color:black;<br /> font-family:georgia;<br /> text-transform:none;<br /> font-size:19px;<br /> line-height:13px;<br /> font-weight:bold;<br /> border: none;<br /> color:tan;<br /> letter-spacing:-2px;<br /> text-align: justify;<br /> }<br /> }<br /><br />p.menubottom {<br />/* edits the menu modules */<br /> width:195px;<br /> background-color:black;<br /> border: none;<br /> text-align: justify;<br /> padding-left:5px;<br /> }<br /><br />p.menubottom2 {<br />/* edits the menu modules */<br /> width:195px;<br /> background-color:black;<br /> border: none;<br /> text-align: left;<br /> padding-left:5px;<br /> }<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br /> background-image:url();<br /> background-color:#transparent;<br /> font-family:georgia;<br /> text-transform:none;<br /> font-size:20px;<br /> line-height:10px;<br /> font-weight:bold;<br /> border: none;<br /> color:tan;<br /> letter-spacing:-2px;<br /> text-align: right;<br /> padding-left:5px;<br /> padding-top:4px;<br /> }<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br /> background: black;<br /> width:370px;<br /> border: none;<br /> }<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br /> color:tan;<br /> font:bold 10px tahoma;<br /> line-height:11px;<br /> text-decoration:;<br /> }<br /> <br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br /> color:white; <br /> font:bold 10px tahoma;<br /> line-height:11px;<br /> text-decoration: overline underline;<br /> }<br /> <br />a:hover {<br />/* edits when user mouseovers the links */<br /> color:#C5D8D5;<br /> background: #transparent;<br /> border: none;<br /> font:bold 10px tahoma;<br /> line-height:11px;<br /> cursor: hand;<br /> text-decoration: overline underline;<br />}<br /> <br />#pnlEnabled table, #htmleditor, #lblTimeZone{<br />width: 363px;<br />}<br /><br />.#rblEprops{display: none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />{width: 363px;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br /> border: 1px solid tan;<br /> font:normal 10px tahoma;<br /> background-color: black;<br /> color:tan;<br /> letter-spacing:0px;<br /> }<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br /> background-color: none; <br /> border: 0px solid #000000;<br /> }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 0px solid #000000;<br />  }<br />table.blogbody tr td {<br />/* this edits the left margin of blog */<br />  width:0px;<br />  padding: 2px;<br />  }<br />table.blogbody div.smalltext{<br />/* this edits the blog entry footer */<br />  text-align: right;<br />  padding-bottom: 7px;<br />}<br /></style><br /><br /><style type="text/css"><br />/*<br />Did You Know? Remover - xanga.com/add_ons<br />*/<br />Table.Announcements TD {display: none;};<br /></style><br /><br /><style type='text/css'><br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 370px;<br /></style><br /><br /><script type='text/javascript'><br />document.title = (Green Day.....rocks);<br /></script><br /><!-- end code provided by createblog.com -->

[do0kie]

would i have to position the layout with css instead of using html to put the image of the layout?