title: Why scrollWidth doesn't work in this case in Firefox?
body: <p>I'm trying to make a simple marquee in Javascript, and need to <strong>get the full content width of <em>innerDIV</em></strong> in the following:</p>
  
  <pre><code>&lt;div id="container" style="width: 100%; overflow: hidden;"&gt;
      &lt;div id="innerDiv" style="direction: rtl; white-space: nowrap; overflow: visible; position: relative;"&gt;
          very long ... text
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried <strong>scrollWidth</strong>. It works well in Chrome <strong>but not in Firefox</strong> (where it gives the value of clientWidth instead).</p>
  
  <p>Here is a live demonstration: <a href="http://jsfiddle.net/5fPGy/3/" rel="nofollow">http://jsfiddle.net/5fPGy/3/</a> (try it with Chrome and Firefox)</p>
  
  <p>Does anyone know why? and how to get that full width?</p>
  
  <p>Thanks in advance.</p>