Problem with the overflow Options

[Nina-Williams]

I made a layout, but the page doesn't scroll and I don't know where I went wrong. Could you help me?

CODE

<style>div[id="googlebar"],
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style>





<div style="position : absolute; left: -10%; margin-left: 100px; top:85px; width:557px; overflow: visible; z-index:1">


<style>

body { background-color: 000000;
background-attachment: fixed; }

</style>

<style>
div div select, div div form, div div input{display:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
</style>






<img src="link" width="557" height="650" border="0" alt="" usemap="Map" />

</map>





<style>
body {
background-position:no repeat;
background-color:ffffff;
line-height: 10px;
cursor: default;
color:333;
scrollbar-arrow-color:aqua;
scrollbar-face-color: ffffff ;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-track-color: ffffff;
}


.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool,

.userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div,

.profile, div div table div ul, div div table div { display:none!important; } div table div, table table div, .clearfix, div div table div div {

display:block!important; }

tant;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}
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;}
img { border:0;}


div.content
{position:absolute;
margin-left:100%;
left:600px;
top:150px;
width:557px;
height:650px;}






</style>
<table><tr><td><table><tr><td><table><tr><td>

[Nina-Williams]

I can't believe it, nothing of those two codes worked.
Only when I remove this the page scrolls again.

CODE

<div style="position : absolute; left: -10%; margin-left: 100px; top:85px; width:557px; overflow: visible; z-index:1">

I had tried also this, but the div was moving, even if the position was absolutely.

CODE

.div {
background:none;
overflow:auto;
position:absolute;
z-index:2;
top:;
left: ;
margin-left: ;
text-align:left;
visibility:visible;}

Any more ideas?


[Ah, I see, I am more of an RPG fan though.]