I just spent an hour looking for my error when whitespace appeared below my footer. I understand that I can use the CSS rule, and the problem is now fixed, but ...
As a theme designer, I would rather not have to rely on the end-user to choose the CSS option. Couldn't you apply the clip method to the image:
img {
position: absolute;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
height:0; /* Chrome */
}
Change your code to this:
<img style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height:0;" />
Height zero is for chrome, but max-height:1px will be ok if necessary.
Thanks!