scrollbox on div--- not working!! Options

[vintageblvd]

i wanted to put a scrollbox in my about me section.. but it doesnt seem to come out.. help anyone?? here's my myspace link---> www.myspace.com/twistedsunshine

and here's the code i put in on who i'd like to meet:
<div class="blankslate"></div>
<style>.r{}</style>

<div class="bg" style="position: absolute; left:200px; top:100px; width:600px; height:800px; overflow: auto; z-index:3;"><img src="http://img.photobucket.com/albums/v208/gabrielle-inkiriwang/girlyylayout.png">
</div>

<div style="left:100px; top:100px; width: 116px; height: 88px; background-color: e1ae84; color: 323232; font-family: georgia; font-size: 9px; text-align: left; border: 0px solid 000000; overflow: auto; padding: 4px;">♥September 27,1991<br>
♥IndoFil<br>
♥Pasadena, California<br>
♥Jakarta -> Hometown<br>
♥LAUGH.<br>
♥Family<br>
♥Friends<br>
♥Peanut Allergy<br>
♥Short<br>
♥Diplomatic<br>
♥Youngest Sibling<br>
♥Moody<br>
♥Ugly Teeth<br>
♥Had Braces<br>
♥JIS,USLS-IS BCD,VBS<br>
♥Brunette<br>
♥Friendster, Multiply<br>
♥Single :]</div>

<div class="navigation" style="position: absolute; left:410px; top:217px; width:72px; height:68px; z-index:3;"><center>

<a href=http://home.myspace.com/index.cfm?fuseaction=user>HOME_♥</a><BR>
<br><a href=http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=59496860>ADD AS FRIEND_♥</a><BR>
<br><a href=http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=59496860>SEND MESSAGE_♥</a><BR>
<br><a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=59496860>PICTURES_♥</a><BR>

</div>

<div class="friends" style="position: absolute; left:206px; top:579px; width:192px; height:158px; overflow: auto; z-index:3;">
<center><a href=http://www.myspace.com/jinkiriwang>joey_♥</a><BR>
<a href=http://www.myspace.com/riainky>ria_♥</a><BR>
<a href=http://www.myspace.com/legendaryprankster>putri_♥</a><BR>
<a href=http://www.myspace.com/tetrapac>yuko_♥</a><BR>
<a href=http://www.myspace.com/vintagecharm>iris_♥</a><BR>
<a href=http://www.myspace.com/closestthingtomagic>gaby_♥</a><BR>
<a href=http://www.myspace.com/lady_d2 >diana_♥</a><BR>
<a href=http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=59496860&MyToken=c4b81b81-445d-4d6b-8539-43f3410dbc5e>ENTER THE ZOO</a><BR>
</center>

</div>

<div class="comment" style="position: absolute; left:635px; top:740px; width:140px; height:138px; z-index:3;"><center>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="59496860" value="RAWRR" type="hidden"><textarea name="f_comments" style="width: 140px; height: 138px; cols="10" rows="5" style="border-width: 1px; border-style: solid; border-color: 00000; font-family: perpetua; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 323232; background-color: ffffff;" style="overflow:auto;">This little box is where your creative juices should flow.</textarea> <br> <input value="♥" style="border-width: 1px; border-style: solid; border-color: 323232; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 323232; background-color: f56076;" type="submit"> <input value="-" style="border-width: 1px; border-style: solid; border-color: 323232; font-family: perpetua; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 323232; background-color: f56076;" type="reset"></form>

</div>

<div class="comments"><table><tr><td><table><tr><td>
<style>.r{}</style>

[freeflow]

Try changing the code to this:

CODE

<div class="scroll" style="left:100px; top:100px; width: 116px; height: 88px; background-color: e1ae84; color: 323232; font-family: georgia; font-size: 9px; text-align: left; border: 0px solid 000000; overflow: auto; padding: 4px;">?September 27,1991<br>
?IndoFil<br>
?Pasadena, California<br>
?Jakarta -> Hometown<br>
?LAUGH.<br>
?Family<br>
?Friends<br>
?Peanut Allergy<br>
?Short<br>
?Diplomatic<br>
?Youngest Sibling<br>
?Moody<br>
?Ugly Teeth<br>
?Had Braces<br>
?JIS,USLS-IS BCD,VBS<br>
?Brunette<br>
?Friendster, Multiply<br>
?Single :]</div>

[vintageblvd]

sorry.. but it didn't work.

[freeflow]

Your missing position absolute. Add position: absolute; after style="

[vintageblvd]

still not working really don't know whats wrong

i changed the code to this already:

CODE

<div class="scroll" style="position:absolute; left:400px; top:400px; width: 116px; height: 88px; background-color: e1ae84; color: 323232; font-family: georgia; font-size: 9px; text-align: left; border: 0px solid 000000; overflow: auto; padding: 4px;">&hearts;September 27,1991<br>
&hearts;IndoFil<br>
&hearts;Pasadena, California<br>
&hearts;Jakarta -> Hometown<br>
&hearts;LAUGH.<br>
&hearts;Family<br>
&hearts;Friends<br>
&hearts;Peanut Allergy<br>
&hearts;Short<br>
&hearts;Diplomatic<br>
&hearts;Youngest Sibling<br>
&hearts;Moody<br>
&hearts;Ugly Teeth<br>
&hearts;Had Braces<br>
&hearts;JIS,USLS-IS BCD,VBS<br>
&hearts;Brunette<br>
&hearts;Friendster, Multiply<br>
&hearts;Single :]
</div>

[freeflow]

Just change your code to this, it works, I checked yesterday.

CODE

<div class="blankslate"></div>
<style>.r{}</style>

<div class="bg" style="position: absolute; left:200px; top:100px; width:600px; height:800px; overflow: auto; z-index:1;"><img src="http://img.photobucket.com/albums/v208/gabrielle-inkiriwang/girlyylayout.png">
</div>

<div class="scrollbox" style=" position: absolute; left:100px; top:100px; width: 116px; height: 88px; background-color: e1ae84; color: 323232; font-family: georgia; font-size: 9px; text-align: left; border: 0px solid 000000; overflow: auto; padding: 4px; z-index:2;">?September 27,1991<br>
?IndoFil<br>
?Pasadena, California<br>
?Jakarta -> Hometown<br>
?LAUGH.<br>
?Family<br>
?Friends<br>
?Peanut Allergy<br>
?Short<br>
?Diplomatic<br>
?Youngest Sibling<br>
?Moody<br>
?Ugly Teeth<br>
?Had Braces<br>
?JIS,USLS-IS BCD,VBS<br>
?Brunette<br>
?Friendster, Multiply<br>
?Single :]</div>

<div class="navigation" style="position: absolute; left:410px; top:217px; width:72px; height:68px; z-index:3;"><center>

<a href=http://home.myspace.com/index.cfm?fuseaction=user>HOME_?</a><BR>
<br><a href=http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=59496860>ADD AS FRIEND_?</a><BR>
<br><a href=http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=59496860>SEND MESSAGE_?</a><BR>
<br><a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=59496860>PICTURES_?</a><BR>

</div>

<div class="friends" style="position: absolute; left:206px; top:579px; width:192px; height:158px; overflow: auto; z-index4;">
<center><a href=http://www.myspace.com/jinkiriwang>joey_?</a><BR>
<a href=http://www.myspace.com/riainky>ria_?</a><BR>
<a href=http://www.myspace.com/legendaryprankster>putri_?</a><BR>
<a href=http://www.myspace.com/tetrapac>yuko_?</a><BR>
<a href=http://www.myspace.com/vintagecharm>iris_?</a><BR>
<a href=http://www.myspace.com/closestthingtomagic>gaby_?</a><BR>
<a href=http://www.myspace.com/lady_d2 >diana_?</a><BR>
<a href=http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=59496860&MyToken=c4b81b81-445d-4d6b-8539-43f3410dbc5e>ENTER THE ZOO</a><BR>
</center>

</div>

<div class="comment" style="position: absolute; left:635px; top:740px; width:140px; height:138px; z-index:5;"><center>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="59496860" value="RAWRR" type="hidden"><textarea name="f_comments" style="width: 140px; height: 138px; cols="10" rows="5" style="border-width: 1px; border-style: solid; border-color: 00000; font-family: perpetua; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 323232; background-color: ffffff;" style="overflow:auto;">This little box is where your creative juices should flow.</textarea> <br> <input value="?" style="border-width: 1px; border-style: solid; border-color: 323232; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 323232; background-color: f56076;" type="submit"> <input value="-" style="border-width: 1px; border-style: solid; border-color: 323232; font-family: perpetua; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 323232; background-color: f56076;" type="reset"></form>

</div>

<div class="comments"><table><tr><td><table><tr><td>
<style>.r{}</style>

[miceylulu]

Are you missing overflow: auto? It goes in the style thing.

[vintageblvd]

thanks guys.. its working now. ^^