twitter bootstrap tooltip is clipped because of it's parent div height

twitter bootstrap tooltip is clipped because of it's parent div height

I am using twitter bootstrap tooltip on the list which is something like this
<div id="list">
<div class="row">
<div class="row">
</div>
Now when I hover the mouse on the last row I could see the tooltip is
generated with mozilla firebug which is someting like this
<div id="list">
<div class="row">
<div class="row">
<div class="tooltip fade top in">
</div>
but tooltip is going behind the other tabs because of height of it's
parent div. Is there is any solution to make it visible?
As shown in screen shot half of the tooltip is going behind menubar. I
found 1 solution by using container:'body' but this is causing some other
issues so can't use that. May be with css?