My dilemma involves a menu located within a div on the side of the browser that I want to keep fixed in position. However, there is a concern that the height of the menu might exceed certain screen sizes, making links inaccessible. To address this issue, I am looking for a way to make the menu scrollable when needed. Unfortunately, simply using the CSS propertiesposition: fixed; overflow: auto; does not produce the desired effect as the scrollbar appears faded out and immovable. Is there a solution to this problem? Any help would be greatly appreciated.
UPDATE
The menu structure is similar to the one displayed on the upper right corner of this page, albeit slightly larger. Upon resizing the browser window on that page, you'll notice that a portion of the menu becomes unreachable due to height constraints. My objective is to prevent such accessibility issues. It's worth noting that my current approach fails to function properly across several browsers including IE, Chrome, Opera, and Firefox.