js / jquery desplazándose hasta la parte inferior del div cuando se carga la página (problema de IE)

Mis códigos funcionan perfectamente en Firefox. Funciona en IE cuando el contenido del div es menor, no puede desplazarse hacia abajo cuando el contenido del div es demasiado alto en IE. Hacer clic en el botón para desplazarse hacia abajo no tiene ningún problema, pero la página recargada para desplazarse hacia abajo tiene el problema. ¿Cómo solucionar el problema de IE? ¿Cómo desplazarse hasta la parte inferior del div cuando la página se carga en IE? A continuación se encuentran mis códigos, puede copiar y pegar directamente para probarlo. :

<script src="javascripts/jquery-1.5.js" type="text/javascript" language="javascript"></script>

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

<button onclick="d = document.getElementById('div');d.scrollTop = d.scrollHeight;">scroll-div</button>

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

Respuestas a la pregunta(2)

Su respuesta a la pregunta