I want to use the popover effect on an existing modals dialog using the Bootstrap CSS Library from Twitter. I bind the popover to the small image icon.

$('#infoIcon').popover({

    offset: 50,

    placement: 'right'

});

The modals itself is also added according the documentation:

$('#modalContainer').modal({

    keyboard : true

});

But the effect I've got is, that the popover is rendered UNDER the modal container instead OVER the modal div (see the screenshot below). How can I bring the popover truly OVER the modal div ?