Making an image width:100% inside a inline-block element

Question

If I have an image on a page with width set to 100% in css it is as wide as the browser. Fine. However, if I make a containing div have display:inline-block, then the image is n

Answer 1

I dont think this will help your problem , but technically you could do it by giving it position:absolute;

    img {
        width:100%;
    }

    div img {
        position:absolute;
        margin:0 auto;
        width:100% !important;
    }

http://jsfiddle.net/kjf8s3rq/