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>

[Mickey]

Your codes are messy. Make sure they're all put together. CSS codes should be with other CSS codes, just like HTML codes should be with other HTML codes. You should move all your <style> codes to your Who I'd Like To Meet section and the rest to your About Me section. It should look like this in your About Me:

CODE

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

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

</div>

<table><tr><td><table><tr><td><table><tr><td>

And like this in your Who I'd Like To Meet:

CODE

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


<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>

<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>

Just saying. And if you want your DIV to move, change left:10% to left:50% and change margin-left:100px; to whatever you need.