<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: overflow:scroll in rtl context</title> <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow"/> <meta name="flags" content=""/> <meta name="assert" content="Scrolling UI created by overflow should be positioned on the left in rtl context"/> <style type="text/css"><![CDATA[ div { border: 1px solid; direction:rtl; overflow:auto; width: 10em; height:2em; } div.scroll { margin-top: 1em; overflow:scroll; } ]]></style> </head> <body> <p>In both boxes below, the vertical scrollbar should be on the LEFT (←) side of the box.</p> <div> filler<br/> filler<br/> filler<br/> filler<br/> </div> <div class="scroll"> filler<br/> filler<br/> filler<br/> filler<br/> </div> </body> </html>