I need help.., I'm making a skin Options

[ginsay23]

alright well right now I am making a skin and well I have my codes in my custom module and everything and I was moving my blog so that it would fit in the box I made for it and it moved my background and now I cant see all of my background. How do I make it so that my whole background is where it's suppose to be?

[ginsay23]

i know cause i dont have photo shop or anything like thta just paint...i didn't know that mattered but thank you for that code :-D

EDIT
alright now i have another problem...i edited the positioning of additional boxes and it moved the positioning of my blog body...is it doing this because of the mapping thing? if it is, is there a way to alter the code so it does move the blogbody and keeps it in place and still allows me to move around multiple add on modules? heres my codes now

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://i8.photobucket.com/albums/a12/joelstwin23/PATD.jpg"><br /><br /><div style="overflow: auto; width: 140px; height: 140px; margin-top: 140px; margin-left: 140px;"><b>About Me</b><br>Name: John Smith<br>Age: 20<br>Birthday: January 1<br>Hobbies: Farting<Br>Expertise: Computer Programming</div><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 /><style type="text/css"><br />/* Name of Your Skin - PANIC! AT THE DISCO*/<br />body <br />{background-color: #000000;<br /><br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #transparent;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #083820;<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFF00;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: verdana;<br />text-transform:none;<br />font-size:12#px;<br />line-height:5#px;<br />font-weight:normal;<br />color:#FFFFFF;<br />letter-spacing:2px;<br />background-color:#000000;<br />text-align:center;<br />border:1px solid #FFFF00;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #FFFFFF;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #FFFFFF;<br />font:normal #px FFFF00;<br />background-color: #000000;<br />font-color:#FFFF00;}<br /><br /> table.footer TD {<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 />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#FFFF00;<br />font-face: Verdana;<br />font-weight:normal;<br />font-size:10#pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: verdana;<br />BORDER: #FFFFFf #2px solid;<br />width:315px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #2pt; <br />font-family: verdana;<br />font-weight:normal; <br />color:#FFFF00; <br />text-transform:uppercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: verdana; <br />color:#004000; <br />text-transform:lowercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: Verdana; <br />color:#888888; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#9pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Verdana;<br />color:#FFFFFF;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#9pt}<br /></style><br /><br /><div style="overflow: auto; width: 350px; height: 300px; margin-top: -530px; margin-left: -330px;"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->