css square adaptive controlling img

.div{
    width:100%;
    height:0px;
    padding-bottom:100%;
    position:relative;
} .div img{
        width:100%;
        height:100%;
        position:absolute;
}