| <html> |
| <head> |
| <style type="text/css"> |
| .tables |
| { |
| border: 1px solid red; |
| overflow-y: auto; |
| top: 50px; |
| bottom: 0px; |
| position: absolute; |
| } |
| |
| .wrapper |
| { |
| border: 1px solid blue; |
| overflow-x: auto; |
| width: 300px; |
| } |
| |
| .wrapper::-webkit-scrollbar |
| { |
| height: 9px; |
| } |
| |
| .wrapper::-webkit-scrollbar-track |
| { |
| background-color: #E3E3E3; |
| } |
| |
| .wrapper::-webkit-scrollbar-thumb |
| { |
| background: #CCCCCC; |
| border: 1px solid #ADADAD; |
| } |
| </style> |
| </head> |
| |
| <body> |
| |
| <p>This test passes if the custom scrollbar paints in the corrext spot, which is at the bottom of the purple div.</p> |
| |
| <div class="tables"> |
| <div class="wrapper"> |
| |
| <div style="background-color:purple; width:500px; height:400px;"></div> |
| |
| </div> |
| |
| <div style="background-color:green; width:15px; height:900px;"></div> |
| |
| </div> |
| |
| </body> |
| </html> |
