Set focus bottom of div & allow scrolling back

[woodhzck]

I'm using this code at the moment but it doesn't allow for scrolling back, I'm trying to find a way to keep at the bottom of teh DIV regardless of how many refreshes occur but to alos allow a user to scroll back through the div even if a refresh occurs, I've been unable to find any way around it, the best I can do is this snippet and it does everything except allow a user to scroll back through the DIV, anyone have any suggestions?\[code\]var mainPane_refresh = setInterval( function() { $("#DLMessageList").show("slow").load("query.php?qid=11"); $("#mainPane").scrollTop(10000); }, 2000);<div id="mainPane"> <dl id="DLMessageList"> <dd><span><core>&nbsp;</span>asdasdasdasd</dd> <dt>[13:46:38]&nbsp;</dt> <dd><span><core>&nbsp;</span>dfgsdfg</dd> <dt>[13:46:41]&nbsp;</dt> <dd><span><core>&nbsp;</span>fgdfg</dd> <dt>[13:46:48]&nbsp;</dt> <dd><span><core>&nbsp;</span>test</dd> </div></div>\[/code\]There could be hundreds of lines in the \[code\]DLMessageList\[/code\] but the height of the \[code\]mainPane\[/code\] is only 300px.