scrol bars on my div goes across Options

[Lj-Phresh]

i want the scroll bars to go straight up and down
how can i fix it?

heres my code


about me.

CODE

.37182{hide all the tables}
.profileInfo, .extendedNetwork,
.latestBlogEntry, .interestsAndDetails,
.userProfileURL, .friendsComments,
.userProfileNetworking, .userProfileSchool,
.userProfileDetail, .friendSpace,
.contactTable, .orangetext15{display: none}

.37182{make the tables transparent so you can see good}
table, tr, td{background-color: transparent}

embed, object{display:block; width:1px; height:1px;position:absolute;left:0px;top:0px;}

.37182{make any other embeds stay where you put them}
td td td td embed,
td td td td object{position: static}

.37182{background settings}
body{
background-color: feeec9;
background-image: url(http://i36.tinypic.com/2gy6546.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center 175px;
}

.37182{the first div}
.Div1{
position: absolute;
left: 50%;
overflow: auto;
top: 815px;
margin-left: -475px;
width: 241px;
height: 141px;
background-color: transparent;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: transparent;
}

.37182{the first div}
.Div2{
position: absolute;
left: 50%;
overflow: auto;
top: 970px;
margin-left: -475px;
width: 241px;
height: 180px;
background-color: transparent;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: transparent;
}

.37182{the first div}
.Div3{
position: absolute;
left: 50%;
overflow: auto;
top: 1170px;
margin-left: -475px;
width: 241px;
height: 195px;
background-color: transparent;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: transparent;
}

.37182{the first div}
.Div4{
position: absolute;
left: 50%;
overflow: scroll;
top: 815px;
margin-left: -220px;
width: 428px;
height: 32px;
background-color: transparent;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: transparent;
}

.37182{the first div}
.Div5{
position: absolute;
left: 50%;
overflow: auto;
top: 860px;
margin-left: -220px;
width: 428px;
height: 237px;
background-color: transparent;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: transparent;
}
.37182{the first div}
.Div6{
position: absolute;
left: 50%;
overflow: auto;
top: 1115px;
margin-left: -220px;
width: 429px;
height: 249px;
background-color: transparent;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: transparent;
}
.div{
text-align:center}



a.nav:link, a.nav:visited, a.nav:active {
display: block;
border: 10px solid transparent;
border-top:none;
border-bottom:none;
border-left: none;
width:100%;
font-color:000000;
background-color: transparent;
}

a.nav:hover {
border: 10px solid ffffff;
border-top:none;
border-bottom:none;
border-left: none;
width:100%;
color:ffffff;
background-color:000000;
}

.37182{bring back the bottom links}
.moveLinks{height:1100px;}

id like 2 meet

CODE

<div class="moveLinks"></div>
<div class="div1">
DIV 1
</div>

<div class="div2">
DIV 2
</div>

<div class="div3">
DIV 3
</div>

<div class="div4">

<a class=">message</a>
<a class=" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNzA2MTcwODc=">add</a>
<a class="nav" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=170617087&hash=MIGuBgkrBgEEAYI3WAOggaAwgZ0GCisGAQQBgjdYAwGggY4wgYsCAwIAAQICZgMCAgDABAh
wTkI26X0iQQQJ0JegGEJnPL6hb2vv5RgcwRg%2fr4WO8wSiR7NfcA3G5%2ffMwWhasJxx%2fTq8bJWsARjYZmU23rxTt%2fcFt1j0K9nmobKgZ%2f9QjC%2f%2bGZKIRT5vuI5PjZh5LCZ%2bJPgDv7jaj5USxfcvJ3zzJDucR0ntyn7paNt">block</a>
</div>
<a class="nav" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE3MDYxNzA4Nw==">comment</a>
<div class="div5">
DIV 5
</div>
</div>

<div class="div6">
DIV 6
</div>

[Mickey]

Try adding this to your DIV attributes:

CODE

overflow-x:hidden; overflow-y:auto;

[allvanishing]

^ That wouldn't work as it's CSS 3. Most browsers only support CSS 2.1 right now.

[allvanishing]

Because it will ignore overflow-x: hidden but will understand overflow-y: auto. So, you just really need overflow: auto.