Two floating divs side by side, same height (follow up)

Question

My previous question was answered here: Two floating divs side by side, same height

My problem: Someone supplied an example here: http://jsfiddle.net/s7ufg/18/

How can I remove the extra space below the image?

Answer 1

Add vertical-align:top to your img rule:

img {
    max-width: 100%;
    height: auto;
    width: auto;   
    vertical-align:top;
}
​

jsFiddle example

Answer 2

display:block; to the image solve it

img {
    display:block;
    max-width: 100%;
    height: auto;
    width: auto;   
}

jsFiddle example