title: How to add bordered triangle over a div tag
body: <p>I have a div tag,</p>
  
  <pre><code> __________
  |          |    
  |          |    
  |          |    
  |__________|
  </code></pre>
  
  <p>I want to add a small triangle over it.</p>
  
  <pre><code> _______/\_
  |          |    
  |          |    
  |          |    
  |__________|
  </code></pre>
  
  <p>Note: I want my div tag with border of certain color, and div body of another. Say, my div background will be white and border should be blue.
  See this please.
  <a href="http://fiddle.jshell.net/pausP/">http://fiddle.jshell.net/pausP/</a></p>