Automatically scrolling a div

[appoingok]

I have a \[code\]div\[/code\] which contains a chat box. Whenever a new message arrives, it is appended to the box - and I want to automatically scroll the box to the bottom (to show the new message). How can I accomplish this?\[code\]<div id="chatting" style="overflow: auto; background-color: #fff; border: solid 2px #dedede; width: 600px; height: 500px; padding: 10px;"> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/> hello<br/></div>\[/code\]