Kendoui dataviz chart tooltip to overlay bootstrap navs

Question

I have a kendo ui dataviz chart inside a bootstrap navs like this (or something like it) :

<ul class="nav nav-tabs navbar-static">
    <li class="active">
        <a href="#myTab" data-toggle="tab">Ranking ACT</a>
    </li>
</ul>
<div class="tab-content">
    <div id="myTab" class="tab-pane">
        <div id="myKendoChart"></div>
    </div>
</div>

The problem is that when I have a hover that shows the toolip on a series, it goes behind the tab section, hiding part of its content.

How can I set the toolip to be always on top (over) ?

Thank you.

Answer 1

Set a z-index very high, 1000 for example and position relative or absolute to the class of tooltip element (if needed) and change the container overflow property to visible => overflow: visible;.