title: Resize an image to fit in div
body: <p>How can I resize the image to fit in the size of the div <code>piecemaker-container</code>?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="piecemaker-container"&gt; 
      &lt;div id="piecemaker"&gt;
        &lt;img src="splash.jpg" alt="some_text"/&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>#piecemaker-container {
      display:block;
      height:460px;
      overflow:hidden;
      margin: -10px auto 40px;
      width: 960px;
      max-width:100%; 
      max-height:100%;
  }
  </code></pre>
  
  <p>Something like -  ?</p>
  
  <pre class="lang-css prettyprint-override"><code>#piecemaker {
      display:block;
      height:460px;
      overflow:hidden;
      margin: -10px auto 40px;
      width: 960px;
  }
  </code></pre>