Question

Is it possible to make the container to fit the size same as the containing image without explicitly set the width and height of image to container?

<div id="imageContainer" style="background-color:black">
<img id="image" src="11.jpg"/>
</div>

Answer 1

<style>
#imageContainer{ display:inline-block; }
#image{ display:block; }
</style>

http://jsfiddle.net/dBLsP/1/

To make it work in older browsers too you can use this:

<style>
#imageContainer{
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
</style>

reference