Si el problema es salirse de la pantalla, podrias hacer un calculo...
Las burbujas las meto a un div que tiene X de alto.
Mi burbuja aparece abajo, hago que se anime tanto como el alto de lo otro (X)
En el CALLBACK, pongo $(this).remove(); para eliminar la burbuja.
Con una linea se haría todo, el tema de que se salga...
<style>
* { z-index: 200; }
#mensajes > div { z-index: 1; }
</style>
ell "truco" es jugar con la profuncidad, todos los elementos tendran un z-index de 200 excepto los div del contenedor de las burbujas (suponiendo que el contenedor tene la id mensajes y cada burbuja es un div)
Hablé del z-index en un post, por si no sabes que es
