title: Adding a Arrow mark to a Border through CSS
body: <p>this is my CSS of a DIV Tag  for a Marker /ToolTip .</p>
  
  <pre><code>&lt;div class="flotr-mouse-value"&gt;
  position:absolute; 
  z-index:1;
  background: #FFD772;
  height: 75px;
  -moz-box-shadow: 3px 3px 3px #666;
   -webkit-box-shadow: 3px 3px 3px #666;
  position: absolute;
  box-shadow: 3px 3px 3px #666;
  left: 50px;top: 50px;
  width: 150px;
  height: 80px;
  &lt;/div&gt;
  </code></pre>
  
  <p>Waht i want is that , to have a down arrow at the bottom of the border similar to as shown here 
  <a href="http://www.tiikoni.com/tis/view/?id=fa381ec" rel="nofollow">http://www.tiikoni.com/tis/view/?id=fa381ec</a></p>
  
  <p>I have tried modifying the below attribute , but of no use </p>
  
  <p><strong>border-bottom:</strong> </p>