Having a div with a background image containing an element with margin-bottom applied can cause a gap between that div and another one below it, also with a background image. This leads to the issue illustrated in this screenshot: Screenshot http://img40.imageshack.us/img40/5603/littlesnapperh.png
The gray gap visible is caused by the margin-bottom property of the h2 element within the first div. Switching from margin-bottom to padding-bottom may solve the issue, but what if there's a need to use margin-bottom instead?
Is there a way to fix this while still using margin-bottom?