coding for div Options

[MoneyIsDaMotive]

CODE

<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: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}
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 type=text/css>

body {
background-color: ######;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:0px; top:160px; width:000px; height:000px; overflow: hidden;">
<img src="http://i25.tinypic.com/33vkc5c.jpg">
</div>



<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[MoneyIsDaMotive]

Last night, i completed the layout,
its all done, rollovers and everything.take a look

but theres a problem.
first, it rolls down to far.on IE and Firefox.
and on IE, the links, are way on the other side.
heres a screen shot

click to enlarge

and here what it should look like

click to enlarge

okay and heres a update of my code

CODE

<style>
.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: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}
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;}



body {
background-color: white;
background-image: url("");
background-position: center;
background-repeat: no-repeat;
background-attachment: hidden;}

body {
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: lightblue;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: transparent;
}



table, tr, td {background-color: white; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color:black; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:black; font-weight:2pt; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:black; font-weight:2pt; border:0px; text-transform: none; line-height:12px;}



{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}



{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:brown; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:12px; color:brown; font-weight:5pt;border:0px; text-transform: uppercase; }

.clearfix a {color:lightblue!important;}

a.rollover1 {
background-image: url("http://i30.tinypic.com/2aj3mtd.jpg");
width: 130px;
height: 32px;
display: block;
}
a.rollover2 {
background-image: url("http://i27.tinypic.com/vwu6nm.jpg");
width: 130px;
height: 32px;
display: block;
}
a.rollover3 {
background-image: url("http://i31.tinypic.com/24yv8uf.jpg");
width: 130px;
height: 32px;
display: block;
}
a.links img:hover {
opacity: 0.0;
filter: alpha(opacity=0);
}

</style>

<div class="bg" style="position: absolute; left:50%; margin-left:-330px; top:230px; width:640px; height:480px; overflow: auto;">
<img src="http://i26.tinypic.com/ju9383.jpg" />
</div>

<style>.moveLinks{height:315px;}</style>
<div class="moveLinks"></div>t

CODE

<div class="about me" style="position: absolute; top:300px; left:50%; margin-left:36px; width:159px; height:163px; overflow: auto; border:0px solid; border-color:transparent;">
<center>nie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh


</div>

<div class="pictures" style="position: absolute; top:540px; left:50%; margin-left:-300px; width:299px; height:135px; overflow: hidden; border:0px solid; border-color:transparent;"><center>
<marquee direction="left">

IMAGES IMAGES IMAGES
images images images
images images images

</marquee>
</div>
<div class="Nav" style="position: absolute; top:582px; left:50%; margin-left:36px; width:640px; height:480px; overflow: auto; border:0px solid; border-color:transparent;">

<a href="http://www.msplinks.com/MDFodHRwOi8vaTI3LnRpbnlwaWMuY29tLzJ1c2o1MTUuanBn" class="rollover1 links"><img src="http://i27.tinypic.com/11joksw.jpg" border="0" alt="" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vaTI3LnRpbnlwaWMuY29tLzJ1c2o1MTUuanBn" class="rollover2 links"><img src="http://i32.tinypic.com/mudbuv.jpg" border="0" alt="" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vaTI3LnRpbnlwaWMuY29tLzJ1c2o1MTUuanBn" class="rollover3 links"><img src="http://i27.tinypic.com/10mvll1.jpg" border="0" alt="" /></a>


</div>

ALSO, theres a bottem scroll on the bottem.

im almost finished!!