have you experimented with something like this?
then somewhere else...
.... you will have to "tidy up" the code and check the syntax's to make the hovers work.... where I agree with Sammy that js is great; I feel his original idea (see posted code in this reply) is a better method for your case... you are only doing "hovers" so making the js function would be more work. I think his first response is the way to go and is what I have attempted to demonstrate "better" for you (so you can see what he was driving at"...
<div id="one">this is bubble one</div>
<div id="two">this is bubble two</div>
<div id="three">this is bubble three</div>
To Sammy; in your initial reply you said you have not done this yet- I do not see any reason why it would not work- and I have done similar to this in the past.
Back to OP, Sammy said in his first reply that you were using visibility:hidden;... please note, that with visibility:hidden the object still occupies the area, whereas display:none; it does not... if you try to cram 4 divs inside that div bubble and use visibility instead of display you will encounter issues