title: CSS background image for DIV not working with auto
body: <p>Does <code>background-image</code> not work with percentage div sizes? The images only show up if I hardcode <code>width</code> and <code>height</code> in the <code>.contrast</code> class. Images don't show up if width and height are percentages. Any insight?</p>
  
  <p>CSS:</p>
  
  <pre><code>.parent{
      width=1000px;
  }
  img.contrast{
      width:400px;
      height:100px;
      background-image: url(http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg);
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;img class="contrast"/&gt;
      &lt;img class="contrast"/&gt;
      &lt;img class="contrast"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/bw8mw/" rel="nofollow">JsFiddle</a></p>
  
  <p><em>Edit1</em>: So <code>.contrast</code> cannot inherit the size of the parent division? If I had 3 divisions within a parent division set to 25% width, it can't access the parent's width?</p>