title: CSS - background image margin bottom?
body: <p>Is it possible?</p>
  
  <p>heres what i got...</p>
  
  <pre><code>&lt;div id="mMid"&gt;
      &lt;div id="mBot"&gt;
        Content
      &lt;/div&gt;
  &lt;/div&gt;
  
  #mBot {
      background:url(/images/mBot.png) bottom left no-repeat;
      width:  1001px; 
  }
  #mMid {
      background:url(/images/mMid.png) top left repeat-y;
      width:1001px;
  }
  </code></pre>
  
  <p>mMid is a vertically tiled image. mBot is a png with a folded corner. 
  my problem is that mMid shows through the png of mBot.</p>
  
  <p>can i put like a bottom margin on the mMid bg image? so it stops the 170px from the bottom of the whole div area?</p>