js/jquery scrolling to bottom of div when the page is loaded (IE problem)
<p>My codes works perfectly on Firefox. It works on IE when the content of the div is less, it fail to scroll to bottom when the content of div is too high in IE. Button click to scroll to bottom has no problem, but page reloaded to scroll to bottom has the problem. How to fix the IE problem? how to scroll to bottom of div when the page is loaded on IE? Below is my codes, you can copy paste directly to test it. :</p>

<pre><code>&lt;script src="javascripts/jquery-1.5.js" type="text/javascript" language="javascript"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
function asd(){
d = document.getElementById('div');d.scrollTop = d.scrollHeight;
// $('#div').scrollTop($('#div')[0].scrollHeight);
}
&lt;/script&gt;

&lt;button onclick="d = document.getElementById('div');d.scrollTop = d.scrollHeight;"&gt;scroll-div&lt;/button&gt;

&lt;div id='div' style=' overflow:scroll; height:300px; width:200px; border:1px solid blue; background:blue;'&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
        &lt;p&gt;asdasdas&lt;/p&gt;&lt;p&gt;asdasdas&lt;/p&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
asd();
&lt;/script&gt;
</code></pre>
