Div problems, in IE Options

[none345678]

So in FF, for me at least, everything looks fine. In IE though the content area has scroll bars even though there set to auto px.

CODE

<style>
.bl {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i36.tinypic.com/11maixs.png"); background-repeat:no-repeat; background-position:top left; }
.bl:hover {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i35.tinypic.com/hsj8cw.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.go {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i36.tinypic.com/52z78i.jpg"); background-repeat:no-repeat; background-position:top left; }
.go:hover {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i33.tinypic.com/2ro6h6t.jpg"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.add {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i33.tinypic.com/148q91w.png"); background-repeat:no-repeat; background-position:top left; }
.add:hover {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i38.tinypic.com/2iayc0k.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

<style>
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .redtext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}
JB{The Main: comment div;}
.comt {width:450px; height:autopx; overflow:auto;
background-color:transparent; border:0px solid; border-color:black; position:absolute; top:360px; left:50%; margin-left:60px; }
JB {Timestamp: width;}
.blacktext10 {width: 320px;}
JB{all text in comments}
.comt td td td, .comt td td td b {color:fff!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:white;}
JB{Add Comment link (all links)}
.comt td a {color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
.comt td a:hover {color:00d5d2!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: comment timestamp}
.blacktext10{color:ee2b74!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: friend name links}
.comt td td td a{color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: the Add Comment link}
.comt td a{color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: Displaying XX of XX comments(View/Edit All Comments)}
.comt td b{color:fcff00!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{resizes: online now image}
.comt td td td .ImgOnlineNow {width:80px!important;}
</style>

<style>
blockquote{background-color: 404040;
padding: 10px;
width: 380px;
margin-left: 7px;
line-height: 13px;
_margin-left: 17px;
}

a {color:ee2b74 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
}

a:hover {color:ee73a1 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h4 {color:353232!important;
font-family:georgia;
font-size:19pt;
letter-spacing:0px;
text-transform:none;
line-height:0px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h4:first-letter {font-size:24pt;}

h5 {color:fff!important;
font-family:arial;
font-size:10pt;
letter-spacing:5px;
text-transform:none;
line-height:4px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1 {color:ee2b74!important;
font-family:georgia;
font-size:13pt;
letter-spacing:0px;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1:first-letter {font-size:18pt;}

h2 {color:ffee00!important;
font-family:georgia;
font-size:13pt;
letter-spacing:5px;
text-transform:none;
line-height:15px;
text-align:center;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h2:first-letter {font-size:18pt;}

h3 {color:00b1b0!important;
font-family:georgia;
font-size:13pt;
letter-spacing:9px;
text-transform:none;
line-height:15px;
text-align:right;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h3:first-letter {font-size:18pt;}

U {
border-bottom: 1px solid;
border-bottom-color: ffee00; }

I {
font-family: arial;
letter-spacing: 1px;
font-size:13px;}

S {
font-style: strike; }

B {
font-family:arial;
font-size:12px;
color:00b1b0;
letter-spacing: -1px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:fff!important;
font-family:arial;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

</style>

</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

<style>
div {filter:chroma(color= purple);
scrollbar-arrow-color: black;
scrollbar-face-color: purple;
scrollbar-3dlight-color: purple;
scrollbar-darkshadow-color: purple;
scrollbar-highlight-color: purple;
scrollbar-shadow-color: purple;
scrollbar-track-color: purple;
base-color: purple;

}
</style>

<style>
body{overflow-x:hidden}
body{background-color:2b2b2b;background-image:url(http://i33.tinypic.com/x2je2v.png); scrollbar-arrow-color: white; scrollbar-face-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white;}
</style>
<div class="cocaine" style="position: absolute; left:0px; top:90px; width:autopx; height:autopx; overflow: hidden;">
<img src="http://i37.tinypic.com/elbtrm.png" />
</div>
<style>
object {position:absolute; height:45px; width:45px;}
object {top:0px; left:49%; margin-left:-400px;}
object {_top:0%; _margin-top:-382px; _margin-left:-169px;}
td td td object {position:static; margin:auto;}
</style>

2nd code

CODE

<div class="aboutme1" style="position: absolute; left:400px; top:120px; width:410px; height:autopx; overflow: auto;"><br /><br />
<h4>Say good bye to light</h4>
<h5>bcause it's gone today</h5>
</div>

<div class="aboutme1" style="position: absolute; left:100px; top:340px; width:410px; height:autopx; overflow: auto;">

<h1>Header 1</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.
<h2> Header 2</h2>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. </blockquote>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus.
<h3>Header 3</h3>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. </blockquote>

</div>

<div class="aboutme1" style="position: absolute; left:809px; top:257px; width:autopx; height:autopx; overflow: auto;">
<a href="URL HERE" class="bl"></a>
</div>
<div class="aboutme1" style="position: absolute; left:10px; top:127px; width:autopx; height:autopx; overflow: auto;">
<a href="URL HERE" class="add"></a>
</div>
<div class="aboutme1" style="position: absolute; left:50px; top:300px; width:autopx; height:autopx; overflow: auto;">
<a href="URL HERE" class="go"></a>
</div>

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

layout


...I need them to not be like that.

[fixtatik]

overflow:auto; was showing scroll bars in IE because of the way it handles pixel sizes. it's different than firefox; your content area in IE was a little bigger than your width and height, so the scroll bars showed.

overflow:none; isn't a CSS property, so the browsers are just ignoring it and using overflow:visible; by default instead.

and yeah, it is misaligned, but not just in firefox. it's off in any browser with a resolution bigger than 1024x768.