title: Removing empty space between divs
body: <p>This seems to be a common problem and I've tried several solutions, but none seem to work for me. There should be 10px of space between each of these divs, but on the top one there is more like 20px. </p>
  
  <p>I have changed line-height, padding, margins, positioning, and block. There does happen to be an empty <p> tag (that's another issue!), but even with that tag removed/margins reset the problem does not go away. Any ideas?</p>
  
  <p>In this image, you can see I've selected the div with my CSS editor. There is no visible padding on the top (which would be denoted by a dotted line and no margin. Yet, there is space between the inside grey div and the outside white one.
  <a href="http://www.ims4u.net/settlements/" rel="nofollow">http://www.ims4u.net/settlements/</a></p>
  
  <p><a href="http://i.stack.imgur.com/uWJeC.png" rel="nofollow">http://i.stack.imgur.com/uWJeC.png</a></p>