Question

What is the reason that this image doesn’t stretch its height to be as it’s width?

In Webkit only!

http://jsfiddle.net/CgEhg/8/

Edit: lot of people are having trouble, just use Chrome

Answer 1

This is the best that you can do: http://jsfiddle.net/CgEhg/41/

<table  border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><img src="http://www.google.com/logos/2012/stgeorge12-hp.png" /></td>       
    </tr>
</table>

table{
    height:40px;
    width:40px;
}    
img{
    height:auto;
     width:100%;
}
td,tr,tbody{
    height:100%;
    height:100%;
}