| <!DOCTYPE html> |
| <html> |
| <head> |
| <style type="text/css"> |
| #outerbox { |
| height:0; |
| position:absolute; |
| overflow:hidden; |
| } |
| </style> |
| <script type="text/javascript"> |
| function test () { |
| document.getElementById('outerbox').scrollTop=1000; |
| document.getElementById('outerbox').style.overflow='visible'; |
| } |
| </script> |
| </head> |
| <body onload="test();"> |
| <div id="outerbox"> |
| <span style="position:absolute;">Absolute</span><span style="position:relative;left:100px;">Relative</span><br/> |
| This test is successful if both words in the above line are displayed properly. |
| </div> |
| </body> |
| </html> |
