title: Show iframe scrollbar on left side in firefox and chrome
body: <p>I have my piece of code below:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
   &lt;body&gt;
    &lt;div id="parentDiv" style="border:1px solid blue;" dir="rtl"&gt;
     &lt;iframe src="http://www.w3schools.com" height="500" width="700"&gt;
      &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
     &lt;/iframe&gt;
    &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I run this code in Firefox or Chrome, I could not see the iframe scrollbar on the left side as it stays always on the right side of the iframe. But, in IE it works perfectly.</p>
  
  <p>I would like to know if there is any CSS or JS solution for this. </p>