Scroll Bar not appearing

[srujanabobba]

Hi,
I am implementing Auto suggest feature in my website. I have a problem with Scroll bar .

When a key is pressed, I am coming up with few suggestions in the mentioned DIV tag. I have a fixed height for the DIV and if the suggestions are more, then I should get the scroll bar.

It is working fine in Google Chrome. But when tested in firefox and IE, the suggestions are coming according to the height. But the scroll bar is not appearing. i should key down to see all the other suggestions.

My CSS Style is as shown below:
.scroll
{
position: absolute;
margin: 0 auto;
visibility: hidden;
z-index: 1;
width: 300px;
height: 180px;
overflow: auto;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-collapse: collapse;
border-bottom-style: solid;
background-color: green;
border-width: 1px;
text-align:left;
}

My usage of div tag is
<div class="scroll" id="scroll" ></div>

Please let me know where I have went wrong.

Thanks in advance.

[srujanabobba]

I have found the mistake myself..

The style default visibility is hidden and I have to make it visible dynamically when I have suggestions. I forgot to do that.

This may help someone.
Thank You !!