title: CSS help bubble centering arrow and bubble to align with text
body: <p>I have a popup bubble that will popup when you hover over the text, I am trying to use it dynamically, however I can not get it to always be centered on the text no matter how tall the bubble is. I've tried everything I can think of, and it won't work :\</p>
  
  <p>fiddle:
  <a href="http://jsfiddle.net/jq2wz/1/" rel="nofollow">http://jsfiddle.net/jq2wz/1/</a></p>