I have a bunch of information relayed to a multi-line text box from a websocket and I want my div overflow scrollbar to scroll to the bottom everytime a new line of information is recieved. The code I am using apparently works for everyone else but does not do anything for me. Any suggesions?
Code:
<script type="text/javascript">
    var objDiv = document.getElementById("container");
    objDiv.scrollTop = objDiv.scrollHeight;
</script>
<div id="container" style="border: solid; width: 70%; height: 50%; border-color: #333333; margin: 0 auto;  overflow:  auto; ">
<div id="console_wrapper"> 
	<pre id="console"></pre> 
	<input type="text" name="console_input" id="console_input" value="" /> 
    <input type="submit" name="console_send" id="console_send" value="Send" /> 
    <input type="submit" name="console_quit" id="console_quit" value="Quit" />
</div>