title: How to set Bordertop black to div having black opacity background color
body: <p>I have a Div with <code>Backgroundcolor</code> black and <code>opacity</code> 0.6. 
  Now i want to set bordertop to black color without opacity</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code> #MainHeader
      {
          position:relative;
          top:0px;
          height:50px;
          width:1000px;
          opacity:0.7;
          background-color:black;
          border-top:10px solid black;
       }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="MainHeader"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/hJzgh/2/" rel="nofollow">JS fiddle</a></strong></p>