A big difference between IE and FF Options

[Bounty]

I am about to scream in a minute if I don't figure this out. I'm making a Div layout and I'm placing the informations where it needs to be going but my problem? On Firefox things are looking great but when I view it on Internet Explorer everything is WAY out of whack. I'll post up the coding if it helps, just let me know. Any help at all would be awesome. Thanks!

<style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>
<style type="text/css">.comments {visibility:hidden;display:none;}</style>
<style>div div table tr td a.navbar, div div table tr td font {display: none;}</style><style type="text/css"> body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}
a.navbar{display: none;}
a.navbar:link{display: none;}
a.navbar:active{display: none;}
a.navbar:visited{display: none;}
a.navbar:hover{display: none;}
</style>

<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{padding:0px;width:;background-color:transparent}
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">
body,table, td, li, p, div, textarea
{font-family:galant; font-size:9pt; color:791414; font-weight:none;}
body
{background-image:url("");
background-attachment:no-fixed;
background-color:000000;
background-repeat:no-repeat;
background-position: bottom left;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 828386;
scrollbar-face-color: 828386;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-darkshadow-color: 828386;
scrollbar-3dlight-color: 828386;}

.text {font-family:galant; font-size:9pt;
color:791414; font-weight:none}

.title {
color: 791414;
font: 20px galant;
font-weight: bold;
text-transform: Normal;
letter-spacing: -1px;
padding: 0px;
background-color: transparent;}

div {
font-family: galant;
color : 791414;
font-size : 9pt;
letter-spacing:0pt;
text-align: justify;
background-color: normal;
border: 0px solid 000000;}


strong, b {
font: 9px galant;
color: 791414;
text-transform:normal;
text-align: justify;}

i, em, i {
font: 9px galant;
color: 791414;
text-transform:normal;
text-align: justify;}

u, s, s, sb, sw {
font: 9px galant;
color: 791414;
text-transform:normal;
border-bottom: 0px DOTTED #FF6600;
text-align: justify;}


a{font-family:galant; font-size:9pt;
font-weight:normal;background-color:transparent;}
a:link{color:791414;font-weight:none;font-family:galant}
a:active{color:791414;font-weight:none;font-family:galant}
a:visited{color:791414;font-weight:none;font-family:galant}
a:hover{color:791414;font-weight:none;font-family:galant}

a.man{font-family:galant; font-size:9pt;
font-weight:normal;background-color:transparent;}
a:link{color:6580214;font-weight:none;font-family:galant}
a:active{color:7D2B8B;font-weight:none;font-family:galant}
a:visited{color:00ACEC;font-weight:none;font-family:galant}
a:hover{color:72B67B;font-weight:none;font-family:galant}
</style>






<div class="bg" style="position: absolute; left:100px; top:200; width:1000px; height:1000px; overflow: hidden;">
<img id="Top.jpg" <img src="http://img.photobucket.com/albums/v436/mrs_gyllenhaal/newbackgroundazzie.jpg"border=0>
</div>


<div class="content" style="position: absolute; left:130px; top:540px; width:650px; height:50px; overflow: auto;">
<p>
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob <b>top</b> Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
</div>



<div class="content" style="position: absolute; left: 130px; top:585px; width:180px; height:460px; overflow: auto;">
<p>

Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content <b>left</b>Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content

Content Content Content Content Content Content Content Content Content Content
</div>


<div class="content" style="position: absolute; left:340px; top:600px; width:425px; height:180px; overflow: auto;">
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star <b>top right</b> Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
</div>



<div class="content" style="position: absolute; left:340px; top:650px; width:425px; height:180px; overflow: auto;">
<p>
Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love
Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love <b>bottom right</b>Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love
</div>



<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

[freeflow]

^ They don't use margin postioning.

How is it different? I don't have IE so I can only give you suggestions.
First you gave all your divs the name content. change them up.
Second give each div a zindex. To do so before the ">
add z-index: #; Give each one a different number.

For example your bg div can be :
z-index:0; then next 1, 2, 3 .....

[Bounty]

^ They don't use margin postioning.

How is it different? I don't have IE so I can only give you suggestions.
First you gave all your divs the name content. change them up.
Second give each div a zindex. To do so before the ">
add z-index: #; Give each one a different number.

For example your bg div can be :
z-index:0; then next 1, 2, 3 .....

I tried that and still the text over flows out of the box it that it looks fine in on Firefox. Am I seriously missing something or what? I don't understand where I'm going wrong.