title: display tooltip on top of all html
body: <p>How does one display a tooltip (from TW3) on top of all html? </p>
  
  <p>I have a dialog (which is <strong>not</strong> a modal one) and I'm trying to make a tooltip to display at the bottom side of the textbox when hovering over it. But it is partially blocked by the dialog because of its position which is <code>absolute</code>.</p>
  
  <p>Doing <code>tooltip { position: absolute; }</code> (or any other class like <code>.tooltip</code> (notice the dot in front of tooltip)) didn't work either. And It seems no one has ever asked this question before.</p>
  
  <p>Documentation doesn't say anything about displaying a tooltip on top of all html either.</p>
  
  <p>So how can I make the tooltip appear like if its  positioned absolute?</p>