I am designing a web page with an HTML table in which each cell is treated like a "pane". I have a or tag within each cell that uses the overflow:auto setting to allow the user to scroll through the data when it becomes too large for the cell. This works well, but the scrollbars are ugly. I want something sleeker and "less visible" than the default gray, boxy scrollbars. I looked around and discovered jScrollPane, which allowed me to make prettier scrollbars. However, I have two issues:
1- The horizontal scrollbars always disappear. Sometimes, a cell contains an entire table goes "off the screen" horizontally, so I need those scrollbars -- wrapping the data to the next row would throw off tabular data. (In my case, it does not wrap, either, it just becomes inaccessible)
2- The borders (set on the span or div tags) don't work well. The top border scrolls out of view when the user scrolls down and the bottom border does not display at all (even when scrolled all the way to the bottom).
Is there a way to work around these issues? If not, how else can I control the look of my scrollbars?