title: CSS: Positioning images in a Div
body: <p>I'm looking to position images over top of a div which has a set background.  I'm using CSS to style the div as well as the images sitting on top of the background but I'm not seeing the results that I'd expect.  The images which are sitting on top of the div's background image does not adjust based on my pixel settings.</p>
  
  <p>Here's my HTML:</p>
  
  
  
  <pre><code>&lt;div class="colorpicker" id="colorpicker"&gt;
      &lt;img src="images/color_unselected.png" class="unselected" /&gt;
      &lt;img src="images/color_C.png" class="c_image" /&gt;
      &lt;img src="images/color_K.png" class="k_image" /&gt;
      &lt;img src="images/color_M.png" class="m_image" /&gt;
      &lt;img src="images/color_Y.png" class="y_image" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's my CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>#colorpicker{
      border: 0px;
      width: 63;
      height: 342;
      position: relative;
      margin: 0px auto;
      margin-left: 1002px;
      background-image: url(images/color_tab_container.png);
      background-repeat: no-repeat;
  }
  #colorpicker.unselected{
      top: 50px;
      right: 25px;
  }
  </code></pre>