title: How do I make the background transparent?
body: <p>I am fairly new to CSS, I need to do this for course work. I came across this problem, I am not sure how to make the background the only transparent bit, and not the rest of the divs. Please check out this link:</p>
  
  <p><a href="http://jsfiddle.net/xiiJaMiiE/LfWBn/" rel="nofollow">http://jsfiddle.net/xiiJaMiiE/LfWBn/</a></p>
  
  <pre><code>html,body {
  background-color:orange;
  background-size:auto;
  opacity:0.6;
  z-index:1;
  }
  </code></pre>
  
  <p>I understand that the bar is all out of place, but when it is viewed in safari it goes back to normal.</p>
  
  <p>Thanks in advance!</p>