Is it possible to determinate if an element is currently overflowing its container?
<p>I want to check if a horizontal scrollbar is applied to a div like this:</p>

<pre><code>if (box.width() &lt; box.get(0).scrollWidth)
</code></pre>

<p>This is always true, even when there isn't any scrollbar, because <code>box.get(0).scrollWidth</code> returns <code>203px</code>, while <code>.width()</code> returns <code>200</code>.</p>

<p>Here I have an example, please look at the first box. <code>$('.box0')</code></p>

<p>Example : <a href="http://www.nikolaydyankov.com/Dev/lionbars/" rel="nofollow">http://www.nikolaydyankov.com/Dev/lionbars/</a></p>
