| <html> |
| <head> |
| <title>Relative Positioned Inline Repaint Test</title> |
| <style> |
| #target { background-color:orange; } |
| </style> |
| <script src="resources/repaint.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| function repaintTest() |
| { |
| document.getElementById('target').style.backgroundColor='red'; |
| } |
| </script> |
| </head> |
| <body onload="runRepaintTest();"> |
| <p>If you see any red or orange below then the test has failed.</p> |
| <span style="position:relative"><div style="vertical-align:top;display:inline-block; width:100px;height:100px; background-color:green"></div></span> |
| <br> |
| <div id="target" style="display:inline-block; margin-top:-50px;width:100px;height:50px;"></div> |
| </body> |
| </html> |
