Question

I have a big absolute div that holds a smaller relative div. The smaller div wraps an Image (png) and auto sizes with height:auto. All works fine. But on one particular site, I get 5px of extra spacing at the bottom of the smaller div after the resize, like it over calculated the height needed? I assume I’m somehow inheriting something from the site that is impacting my resize and div container.

I reworked everything, clear floats, overflow, alternate positioning, removed auto option, flow, etc, but I can’t seem to get rid of that 5px extra at the bottom, and its only on that site?

My question – how do you debug your height or auto height issues, and any idea what could be causing this?

Thanx,
Chris

Answer 1

Try

font-size:0;
line-height:0

for smaller div

Example http://jsfiddle.net/U9z5K/14/

Or use

display:block;

for an image