Scrollbar de un DIV

[HiToGoRoShi]

Que tal amigos, como hago para mandar un scrollbar de un div hacia abajo, e realizado un chat y me gustaria hacer que este siempre apunte hacia abajo al momento de refrescarlo....

Este es el html del CHAT

Código HTML:

<div id="chat">
    <div class="titulo" style="float:left;">
        <span class="aviso">&nbsp;!El mensaje es demasiado corto ... &nbsp;</span>
        Mensajes escritos en el chat:
    </div>
    <div class="usuarios" style="float:left;">
        Usuarios Conectados
    </div>
    <div class="mensajes" style="clear:left;">
        Cargando mensajes ....
    </div>
    <div class="conectados">
        Cargando modulo ...
    </div>
    <div class="escribir">
        <span class="tdEscribir">
            <textarea name="txtMensaje" id="txtMensaje" rows="2" class="txtEscribir"></textarea>
        </span>
    </div>
    <div class="enviar">
        <input type="button" name="btnEnviar" id="btnEnviar" value="Enviar" />
        <img src="img/chat/ajaxLoader.gif" alt="" name="ajaxLoader_chat" id="ajaxLoader_chat"/>
    </div>
</div>
 

Todo los mensajes son cargados en la clase MENSAJES, pero por defecto el scrollbar siempre esta apuntando hacia arriba...


PD: uso JQUERY