Inline scrollbars in Opera Mobile 10.5

Inline scrollbars in Opera Mobile 10.5

Hi,

Using Opera Mobile 10 on Windows Mobile touch screen device.

I need to create a table (or let's say any DIV) in a HTML page which has a fixed height (e.g. 50% screen height) and will scroll (vertically) if the content of the table is too long.

I can create a <div> in which a vertical scroll bar appears using a style something like:
"position:absolute; top:100px; bottom:100px; height:200px; width:300px; overflow-y:auto; overflow-x:hidden;"

Here is a sample of a page that does display an inline vertical scroll bar:
overflow.html

There are two problems:
1) The user can only scroll the up/down by clicking above or below the scroll marker. It is not possible to drag the scroll marker.
2) The scrollbar is very narrow it really should be wider for the users.

Is there any way to enable the scrollbar such that the user can tap and drag the scroll marker up and down? I think because opera uses dragging for panning the page the scrollbar can't be dragged. So is there any way to disable Opera's feature to drag to pan the whole page?

Any way to increase the width of the scroll bar itself?

NOTE: In the above style position:absolute is required. If we use relative or any other positioning the scrollbar will not appear at all.

Thanks for any suggestions.