first attempt:

looks good for own messages

don't get the other's avatar and message aligning to the right side and the space between bubble and avatar is strange too :/
but i'll keep trying

(btw: i used the direction-command you used in your html. but there i have some problems with text-wrapping and so on :/)

ahhh... nearly forget the image xD