Bootstrap tooltip with absolute position

Question

I'm having strange issue when having absolutely positioned element with Bootstrap tooltip.

Tooltip is not rendered correctly according to parent element, please see fiddle: [http://jsfiddle.net/QsYPv/152/][1]

When parent element is not positioned absolutely everything is working just fine. Any ideas how to resolve this issue?

Note: I can't set CSS with of absolutely positioned element?

Answer 1

this should fix it

$('a[data-toggle="tooltip"]').tooltip({
   container: 'body'
});