title: Make tooltip position fixed
body: <p>I have been able to create the tooltips for my app. The tooltips content will comes from a DB and it is dynamic. Sometimes it will have two lines of text and sometimes it will have five lines of text. I am struggling to keep the position fixed regardless of what the content is. Is there anything I can try to fix this?</p>
  
  <p>Here is a <a href="http://jsfiddle.net/SX9en/" rel="nofollow">fiddle</a> demonstrating what I am facing.</p>
  
  <pre><code>.tooltip:hover .dumClass {
      display: inline;
      color: #ffffff;
      border: 1px solid #DCA;
      background: #444;
      -moz-border-radius: 11px;
      -webkit-border-radius: 11px;
      border-radius: 11px;
  }
  
  enter code here
  </code></pre>