Keep div scrollbar scrolled to bottom at all times

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>

---

Use scrollTo(0, 99999); instead.

I am not that gifted with javascript. Do you mean like this?

Code:

---

<script type="text/javascript">
    document.getElementById("container").scrollTo(0, 99999);
</script>

---

Ah...I read your first post incorrectly and was thinking you were using an <iframe>.

The code you have is correct. However, you need to implement it everytime data is sent/received. As you have it now, you're attempting to run it before the form and it's container is even loaded.