title: How to make this tooltip overlay parent div?
body: <p><a href="http://jsfiddle.net/FR3yv/1/" rel="nofollow">JFIDDLE DEMO</a></p>
  
  <p>As you can see on the jsfiddle link, I have a button with tooltip display on mouse hover. The problem is that tooltip area isn't overlaying the parent div and will display only inside the div.</p>
  
  <p>I know that if I remove <code>.panel-heading {
      overflow:hidden;
    }</code> this will work but I need this css to stay for some of the responsive issues. I have tried adding <code>.toolt {
      overflow:visible;
  }</code> to tooltip div but it won't work.</p>