Div so breit wie das innenliegende IMG.

Ich möchte in ein div ein Bild legen. Dieses div sollte aber flexibel sein und sich der Breite und Höhe des Bildes anpassen.
Stelle ich die width: auf px kommt nat. die angegebene Breite. Bei width:auto geht es über die
gesamte Monitorbreite. Wie kann ich die Breite abhängig zum innenliegenden Element machen ?
Danke

[HTML]





[/HTML]
.pic-center {
    display:block;
    width:700px;
    }

.pic-shadow2 {
    background: #C33;
    
    }
.pic-shadow img {
    margin:2px;
    box-shadow:8px 8px 8px #666;

    }

.pic-shadow img:hover {
    
    box-shadow:0px 8px 8px #666;

    }

Entweder mit „display: inline;“ oder mit „float: left;“.

Warum eigentlich die Div-Suppe?
Wenn dein Div so gross wie das Bild sein soll, lass ihn doch einfach weg.

Der DIV passt sich doch automatisch dem darin enthaltenen Content an.