title: How can I make a border wrap around a group of pictures?
body: <p>I'm trying to figure out how to make a border fit exactly around a group of images. As you can see in this <a href="http://jsfiddle.net/Stuckurface/3TjLP/" rel="nofollow">Jsfiddle</a> I posted, the border fits around the top and left corner, but it doesn't fit exactly around the bottom and right corners.
  Here is my html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
      &lt;html&gt;
          &lt;head&gt;
              &lt;title&gt;Gallery Test&lt;/title&gt;
              &lt;link type="text/css" rel="stylesheet" href="CSS.css"/&gt;
          &lt;/head&gt;
          &lt;div class="album"&gt;
                  &lt;span&gt;&lt;img class="img1" id="imgAlbum" src="http://images.nationalgeographic.com/wpf/media-live/photos/000/006/cache/red-                                      fox_679_600x450.jpg"&gt;
                  &lt;/span&gt;
                  &lt;span&gt;&lt;img class="img2" id="imgAlbum" src="http://images.nationalgeographic.com/wpf/media-live/photos/000/006/cache/red-                                      fox_679_600x450.jpg"&gt;
                  &lt;/span&gt;
                  &lt;span&gt;&lt;img class="img3" id="imgAlbum" src="http://images.nationalgeographic.com/wpf/media-live/photos/000/006/cache/red-                                      fox_679_600x450.jpg"&gt;
                  &lt;/span&gt;              
          &lt;/div&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And Here is my CSS:</p>
  
  <pre><code>.img1{
      border-width:4px;
      border-style:solid;
  }
  .img2 {
      position:relative;
      right: 90px;
      top:5px;
      z-index:-1;
  
      border-width:4px;
      border-style:solid;
  }
  .img3{
      position:relative;
      right:180px;
      top:10px;
      z-index:-2;
  
      border-width:4px;
      border-style:solid;
  }
  .album {
      border-width:2px;
      border-style:solid;
      border-color:#78c9a9;
      display:inline-block;
  }
  
  #imgAlbum {
      height:150px;
      width:100px;
  }
  p {
      color:red;
  }
  </code></pre>
  
  <p>Thanks in advance!</p>