title: Div background-image not working with ie
body: <p>I know there are already a thousand questions about IE background-images bugs, but i've already followed all the advices and I still can't reach for a solution.</p>
  
  <p>This style isn't rendering any background image on IE 7 and 8:</p>
  
  <pre><code>div#mainComponent {
  background-image:url('../images/bg.png');
  background-repeat:repeat;
  z-index: 100001;
  position: absolute;
  bottom: 0px;
  left: 10%;
  color: @blue;
  padding: 20px;
  height: 424px;
  overflow: auto;
  width: 780px;
  height: 320px;
  margin: auto;
  }
  </code></pre>
  
  <p>Since my purpose is to have a 0.8 opacity background, i've already tried with rgba, but nothing happened, now i'm having this simple solution but I still can't get it right.
  I've removed all of the other properties, to see if it could be any compatibility issue, but still nothing works.</p>
  
  <p>Can you please help me?
  Thank you</p>