title: Twitter Bootstrap Tooltip: flickers when placed on top of button, but works fine when placed at the left/right/bottom
body: <p>I am dealing with some weird behavior for an instance of bootstrap's tooltip. </p>
  
  <p>The page I am working with has several buttons that, when hovered over, display tooltips with the description for the buttons' functionality. The tooltips are all displayed on top of the buttons, and, with the exception of one button, everything works fine. This one button displays the tooltip with a continuous flickering, the tooltip itself covers part of the button (instead of being completely on top of the button), and prevents the button from being properly clicked. If the "data-placement" for the tooltip is changed from "top" to "left"/"right"/"bottom", the tooltip is displayed correctly.</p>
  
  <p>Additionally, the button that gives me problems is wrapped in a div that has "float: right;" assigned in the css. I am mentioning this because I noticed that if I remove the float, the tooltip works fine. Unfortunately, if I remove the float, the button itself loses its correct positioning.</p>
  
  <p>While I could give up the "top" positioning for the tooltip, I was hoping that there might be an easy trick to this problem. Does anyone have any suggestions?</p>
  
  <p>Thank you.</p>
  
  <p>Update:</p>
  
  <p><a href="https://stackoverflow.com/questions/11979837/twitter-bootstrap-tooltip-not-aligning-correctly-when-it-is-going-to-go-outside">This StackOverflow question</a> presents the same problem as the one I was encountering. I found the answer useful.</p>