title: Width and height of parent element not equal to image dimensions
body: <p>A friend ask me to take a look on one issue on his site. In the portfolio section on the website, there is a border around the <code>div</code> and a rollover evect when the images are hovered. However, there is one weird issue, the height of the box containing the image and all data is larger by 5px in height.</p>
  
  <p>The image is square, and all of the parent elements have <code>width</code> and <code>height</code> elements set to <code>100%</code>, there are no paddings or margins that could have caused this, so I can't seem to find a reason for this.</p>
  
  <p>Could anyone point to a location where is this happening and how to fix it?</p>
  
  <p>A sample code describing this problem can be seen <a href="http://jsfiddle.net/6juSZ/2/" rel="nofollow">here</a>.</p>
  
  <p>Thanks!</p>