title: Grid-based CSS: what to do with background images outside of the grid
body: <p>What do you do when you are trying to use a grid system (like say, 960 or blueprint or YUI) and the design contains a background image that clearly does not adhere to the columns OR gutters?</p>
  
  <p><img src="https://i.stack.imgur.com/z2dVT.jpg" alt="a background image outside of the grid"></p>
  
  <pre><code>&lt;div class="grid_4 my_background"&gt;
   A background image...
  &lt;/div&gt;
  
  .my_background {
   background: url(someimage.jpg);
  }
  </code></pre>