Centered auto-size image

by doug65536

HTML

<div id="container">
    <img src="http://dencliving.nl/wp-content/uploads/2013/04/DSC_3856_bewerkt-1920x1080.jpg">
</div>

CSS

html, body {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#container {
    position: relative;
    width: 100%;
    height: 100%;
}
#container img {
    position: relative;
    width: auto;
    height: 100%;
    display: block;
    margin: auto;
}