Okay all you CSS fanatics, I have a challenge for you that has been driving me crazy.
To put it simply, I am trying to design a GUI for a Photo Album so it looks and works properly in all browsers using a single stylesheet. You can find the actual page/design by viewing the Photo Album Template. Content at this moment does not matter, as all of that will be controlled with AJAX and it is primarily going to be used for Personal use and not re-distributed.
To the left is the desired output. Notice where the scrollbars are placed, their height and widths, etc. For the life of me, I cannot get the scrollbars to fit perfectly into the divs they are placed. This may be a CSS bug, but for the most part it seems to happen in all browsers including Opera 9, which passes the ACID2 test.
Anyone with any ideas on how to make this work, feel free to post them. You can find the CSS file in the source code of the link above, feel free to post the modified CSS in a comment or a link to the file on a different server.