title: IE and Transparent Backgrounds
body: <p>I have the following css:</p>
  
  <pre><code>body {
       background-image: url(images/background.jpg);
       background-repeat: repeat-x;
       background-color: #99ccff;
  }
  </code></pre>
  
  <p>Unfortunately, any div created on this page, now automatically has this colour. None of the following works if applied to any divs on he page (it still takes on the above colour.</p>
  
  <pre><code>bacgkround: none;
  background: transparent;
  bacgkround-color: none;
  background-color: transparent;
  </code></pre>
  
  <p>Anybody know how to get around this (in IE)?
  i.e. How do I make the div transparent or NOT have a background color?</p>
  
  <p>EDIT:
  I've uploaded a screenshot here: <a href="http://www.namhost.com/bgtrans.jpg" rel="nofollow noreferrer">http://www.namhost.com/bgtrans.jpg</a>
  Basically, the background is a gradient image that changes from DARK blue, to the light blue that is the background. In firefox, the area that says bradd pitt, is transparent and you dont see the blue outline. However, in IE, you see what you see in that screenshot.</p>
  
  <p>Here's a screenshot of what can be seen in Firefox: <a href="http://www.namhost.com/bgtransfirefox.jpg" rel="nofollow noreferrer">http://www.namhost.com/bgtransfirefox.jpg</a></p>