Scrollbar showing and not working

Question

I am somewhat between new and intermediate at web designing / coding...
Here goes!
if you look at this :

http://jsfiddle.net/ZPufX/

the css indicates an auto scrollbar on the y axis. the thing is that i am having problems making it to show up only when the text (multiple "some text" in the code) shows up, and morover, it is not even scrolling as it is...

any clue?

---

found the answer!!

in the propreties on the css file, go something like this :

div.example
{width: 960px;
height: 430px;
position: relative;
top: 90px;
left: 296px;
overflow: hidden;}

and then :

div.example
{width: 960px;
height: 430px;
position: relative;
top: 90px;
left: 296px;
overflow: scroll;}

this will cause the scrollbar to appear only when hovering over the box !

thanks to vimalnath for his help on the subject!

Answer 1

I just tried to change the position of the textbox to relative from absolute

Demo here: fiddle