FACEBOOK STLE TOOL TIP

<div class="uiContextualDialogPositioner uiContextualDialogLeft" style="top: 20px; left: 600px;">
 <div class="uiOverlay uiContextualDialog uiOverlayArrowRight" style="width: 347px; top: 0px; ">
  <div class="uiOverlayContent">
   <div class="uiOverlayContentHolder">
    {content here}{content here}{content here}{content here}{content here}{content here}{content here}{content here}{content here}
   </div>
  </div>
  <div class="uiOverlayArrow" style="top: 15px; margin-top: 0px;"></div>
 </div>
</div>

body {
 font-size: 11px;
 font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
 color: #333;
 line-height: 1.28; 
 text-align: left;
 direction: ltr;
}

.uiContextualDialogPositioner, .uiContextualDialogPositioner .uiContextualDialog {
 position: absolute;
 z-index: 200;
}

.uiContextualDialogLeft .uiContextualDialog {
 right: 0;
}

.uiOverlayArrowRight {
 padding-right: 10px;
}

.uiOverlay {
 position: relative;
 z-index: 200;
}

.uiContextualDialog, .uiContextualDialog:focus {
 outline: 0 solid transparent;
}

.uiOverlayContent {
 background: white;
 border: 1px solid #8C8C8C;
 border: 1px solid rgba(0, 0, 0, .45);
 border-bottom: 1px solid #666;
 -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
 -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
 box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
 position: relative;
}

.uiOverlayContentHolder {
 padding: 10px;
}

.uiOverlayArrow {
 position: absolute;
 overflow: hidden;
}

.uiOverlayArrowRight .uiOverlayArrow {
 background-image: url(sprite.png);
 background-repeat: no-repeat;
 background-position: -177px -309px;
 height: 16px;
 right: 2px;
 width: 9px;
}