title: Manipulating images using external style sheet
body: <p>What is the best way to manipulate an image using an external style sheet? 
  Not getting a response with the code below:</p>
  
  <pre><code>&lt;div id="poster"&gt;&lt;img src="squatchposter.jpg" alt="Squatch Poster"&gt;&lt;/div&gt;
  
  #poster {
      background-image:url('squatchposter.jpg');
      width: 400px;
      height: 500px;
      background-position: center;
  }
  </code></pre>