img in div

[Osiris]

Hallo.

Problemstellung:
1.Ein Bild soll in einem <div> platziert werden.
2.Für das Bild liegen keine Breiten- oder Höhenangaben vor, es soll in nativer Auflösung dargestellt werden.
3.Das <div> soll sich in Breite un Höhe dem Bild anpassen +/- Padding, margin.

Dazu mein Code (stark vereinfacht):
<div id="inhalt">
    <img src="irgendein_bild"/>
</div>

Stylesheet:

html, body {
    background-color: #363636;
    text-align: center;
    }
html {
    overflow: scroll;
    }
#inhalt {
    margin: 10px;
    background-color: #E6E6E6;
    padding: 10px;
    }
#inhalt img {
    display: block;
    }