Eu tenho um botão de ajuda dentro da minha barra de navegação, com uma funcionalidade popover.

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
           <div class="nav pull-right">
               <div class="cb_inline_block">               
                   <a class="btn btn-small cb_inline_block icon timezone_help" data-content="{% trans 'hahaha' %}" rel="popover" href="#" data-original-title="{% trans 'Time Zone' %}"><i class="icon-question-sign icon-large"></i></a>

Javascript:

$(document).ready(function () { $('.timezone_help').click(show_timezone_help); };

function show_timezone_help(event){
    event.preventDefault();
    $('.timezone_help').popover('show');
}

Mas quando clico nele, o popover fica escondido atrás da barra de navegação.

Eu realmente tenho que definir o z-index manualmente? Isso seria doloroso. Eu devo estar fazendo algo errado. Obrigado.