Tengo un widget de chat al que le estoy agregando un poco de estilo. Sin embargo, estoy teniendo dificultades para hacer que las burbujas de chat del "usuario" se alineen a la derecha de la pantalla.

Cuando uso el flotador a la derecha, con el flotador a la izquierda (para el otro lado) los divs ya no se colocan correctamente, ya que parece que solo van a la derecha de los divs relativos.

Me gustaría que también sea capaz de agregar div's que harán que el desbordamiento cree una barra de desplazamiento. Que sin el flotador ya está funcionando como se esperaba.

A continuación se muestra la versión actual en un jsbin.

http://jsbin.com/utulay/1/edit

TLDR; tratando de hacer que los divs de usuario de .chat-bubble se alineen a la derecha de la pantalla sin flotar.