centered Image

by ihope

HTML

<div id="container">
        <img src="http://cdn.motinetwork.net/demotivationalposters.net/image/demotivational-poster/0807/css-sales-css-sales-demotivational-poster-1216218414.jpg"/>
    </div>

CSS

html,body,#container {
    height:100%;
}
#container {
    width:100%;
    height:100%;
    position:relative;
}
#container > img {
    width:100%;
    max-width:90%;
   max-height:90%;
   position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
}