title: CSS overflow container with images isn't working?
body: <p>I am a javascript/PHP programmer brand new to CSS and having some trouble getting images to display in a container with overflow.  My understanding is that the below code should display the images in rows of three with 15 pixels of space between them.  Instead, it displays one single image in the top left of where the div should be.  If I remove the ID for the div the images display down a vertical line, and if I remove the div entirely they flow rightward across the page normally.  When I gave the div a background color it appeared to be the proper size and in the proper location.</p>
  
  <pre><code>#items_container {
      position:absolute;
      overflow:auto;
      height:500px;
      width:500px;
  }
  .item_image {
      margin: 0 15px 15px 0;
      padding: 0 0 0 0;
  }
  
  &lt;div id="items_container"&gt;
      &lt;img src="imageLocation" height="150" width="150" class="item_image" /&gt;
      &lt;img src="imageLocation" height="150" width="150" class="item_image" /&gt;
      &lt;img src="imageLocation" height="150" width="150" class="item_image" /&gt;
      &lt;img src="imageLocation" height="150" width="150" class="item_image" /&gt;
      &lt;img src="imageLocation" height="150" width="150" class="item_image" /&gt;
      &lt;img src="imageLocation" height="150" width="150" class="item_image" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also tried giving the container div a height/width in the HTML, and the image class a height/width in the CSS.  Neither did anything.  Thanks for any help, everybody!</p>