Bootstrap Absolute Position Tooltip

Question

I have a strange problem when you have an absolutely positioned element using the Bootstrap tooltip.

The tooltip does not display correctly according to the parent element, see the script: [http://jsfiddle.net/QsYPv/152/][1]

When the parent element is not located absolutely, everything works fine. Any ideas how to solve this problem?

Note. Can't I set CSS with an absolutely positioned element?

Answer 1

this should fix it

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