Bootstrap tooltips too large and square
===

I am trying to implement the bootstrap tooltips, instead of the small fitted black area like in the examples, I am experiencing a large outer rectangular box.  Just wondering if anyone has encountered this problem?

I am initializing with

   

     $("[rel=tooltip]").tooltip();

My tooltip area is

    <a id="button" style="float: left; margin-left:12px; margin-right:2px" rel="tooltip" title="first tooltip"  href="#"></a> 