Did you try separating the Div's in the html code for the Avatars? If you float both the avatar and message bubble to the right and your order for the message and Avatar divs is not correct and your message bubble width is not limited, it will automatically float the message bubble under the Avatar. It looks like your order might be correct but have you limited the width of the bubble so it will fit between your avatar and margin on the left of the bubble? Posting the code or files might help.