Hmm. Think Firefox might be correct actually.
Height is supposed to only work on block level elements, and image default to being inline, so it shouldn't be changing it.
Also, percentage heights are calculated based on the parent container - height 40% means 4/10th of the height of the parent object - which in the case of a signature box is not specifically set - it's a question of "40% of what?".
Seems Chrome is taking the sig box height pre-resize, calculating 40%, then setting the height of the image based on that, and then reducing the sig box to still only wrap the image.
Maybe.
So yeah: Ken, just use pixels instead. Or resize the image file.
And save it as a PNG, not JPG, and it'll not have the ugly artefacts. |