A Quick skin question Options

[ChasingLife87]

I'm in the middle of coding a simple skin... and I'm having trouble with my div. There's a margin on the left of my div I can't get rid of!



I put a dotted border where the div is (oops, before I bumped it up a few pixels ) so you can see that it's not that my div is too small.

Here's the code I'm using, I already used a "remove left margin" code.

<!-- begin code provided by createblog.com --><br /><!-- "Innocence" --><br /><!-- www.xanga.com/chasinglife87 --><br /><br /><IMG NAME="innocence0" SRC="innocence.png" WIDTH="700" HEIGHT="326" BORDER="0" USEMAP="#innocence"><br /><br /><MAP NAME="innocence"><br /><AREA SHAPE="rect" COORDS="337,250,364,303" HREF="http://www.xanga.com/private"><br /><AREA SHAPE="rect" COORDS="335,194,368,247" HREF="http://www.xanga.com/claf"><br /><AREA SHAPE="rect" COORDS="334,143,368,196" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" "><br /><AREA SHAPE="rect" COORDS="336,78,366,145" HREF="http://www.xanga.com"><br /><AREA SHAPE="rect" COORDS="335,31,367,79" HREF="http://www.xanga.com/private/subs.aspx"><br /><AREA SHAPE="rect" COORDS="260,306,328,314" HREF="http://www.xanga.com/ChasingLife87"><br /></MAP><br /><br /><div style="<br />position: absolute;<br />overflow: auto;<br />width: 316px;<br />height: 303px;<br />margin-top: -314px;<br />margin-left: 520px;"><br /><br /><style<br />type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops /*<br />width of the comment page */<br />{width:200px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior,<br />table.left, table.left TH, table.left TD, table.navigation,<br />table.footer {display: none;} </style><br /><br /><style type="text/css"><br />body {<br />background-color: #FFFFFF;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:250px;<br />font-family: Georgia;<br />font-weight: none;<br />font-size: 9pt;<br />color: #397EF4;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 0px;<br />}<br /><br />.caption, .blogheader {<br />width: 250px;<br />padding: 3px;<br />font-family: Georgia;<br />font-size: 16pt;<br />text-align: center;<br />color: #FE3560;<br />text-transform: none;<br />margin-top: 0px;<br />}<br /><br />div.smalltext{<br />width: 250px;<br />padding: 3px;<br />text-align: left;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: Georgia; color: #397EF4; font-size: 9pt; }<br />A:link, A:visited, A:active<br />{color:#FE3560; text-decoration:none; font-size:9pt;}<br />a:hover<br />{text-decoration: none; color:#96F348; font-size: 9pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: Trebuchet MS;<br />font-size: 9pt;<br />color: #96F348;<br />font-weight: bold; <br />text-transform: none;<br /></style><br /><br /><style type='text/css'><br />.blogbody td { width:0px; padding-left:0px; }<br /></style><br /><!-- end code provided by createblog.com -->

Does anyone know what's wrong?

[Pulchritude]

uhh you have to make the div's width bigger and once you make the width bigger move it over to the left a little bit..

<!-- begin code provided by createblog.com --><br /><div style="<br />position: absolute;<br />overflow: auto;<br />width: 316px;<br />height: 303px;<br />margin-top: -314px;<br />margin-left: 520px;"><br /><!-- end code provided by createblog.com -->

Thats part