title: Why does Bootstrap Tooltip not work correctly when placed inside a table?
body: <p>I am trying to place a <a href="http://getbootstrap.com/javascript/#tooltips" rel="noreferrer">TOOLTIP</a> on table elements (<code>td</code>). Although, when the tooltip is displayed, it changes the width of the <code>td</code> element, even though the <code>tooltip</code> has a position of <code>absolute</code>.</p>
  
  <p>Why is this?</p>
  
  <p><a href="http://jsfiddle.net/8S2SR/" rel="noreferrer"><strong>DEMO</strong></a></p>