Div Positioning, this is frustrating. plz help Options

[dabadone4lyfe]

I used making a div 1.0 and i followed all of the instructions.
but my content div positioning isn't right.
I used paint for the left and top coordinates but the text comes up in the wrong places:
here is my code if needed

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:black}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>
<Style type="text/css" source="http://www.strikefile.com/" author="Thomas Zwaagstra">
table, tr, td{
background-color:transparent;
}

body, body.bodycontent{
background-color:rgb(0,0,0);
scrollbar-face-color:rgb(0,0,0);
scrollbar-base-color:rgb(0,0,0);
scrollbar-3dlight-color:rgb(255,255,255);
scrollbar-shadow-color:rgb(255,255,255);
scrollbar-darkshadow-color:rgb(255,255,255);
scrollbar-highlight-color:rgb(255,255,255);
scrollbar-track-color:rgb(255,0,0);
scrollbar-arrow-color:rgb(255,0,0);
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(255,0,0);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(255,255,255);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}
a </Style> <Span style="text-align:center;position:absolute; background-repeat:no-repeat; height:32px; width:100%;left:0px;top:200px; background-image:url; background-position:center center;">&nbsp;</Span>
<div class="bg" style="position: absolute; left:0px; top:160px; width:1000px; height:1001px; overflow: auto;">
<img src="http://i12.tinypic.com/6le3wcn.png">
</div>
<div class="content" style="position: absolute; left:32px; top:460px; width:204px; height:304px; overflow: auto;"><center>
div1
</div>
<div class="content" style="position: absolute; left:303px; top:612px; width:404px; height:304px; overflow: auto;"><center>
div2
</div>
<div class="content" style="position: absolute; left:678px; top:443px; width:254px; height:104px; overflow: auto;"><center>
div3
</div>

and the finished product is this
http://i2.tinypic.com/6urz2at.jpg

anyone please help if you can

[dabadone4lyfe]

thanks i actually fixed this issue but now i have another
when i put links into a div and then save my progress
the coding changes
i even tried using <br>