I have a div that should always be in the center of the browser. now there's an image that will always be in the middle of the browser. but problem is that a div is 960px wide and but the picture is 1263px. how do I solve the problem? what I still need is dead as soon as the browser window smaller, should come scrollbars only at 960px. I know that I could theoretically solve anything, if I image Tell css as a background-image integrate the. but that does not work, unfortunately, because I really need the img tag

```
    #header-bottom {
    height: 1245px;
    background: red;
    width: 960px;
    margin: 0 auto;

}
.header-bottom-wrapper {
    position: relative;
    width: 960px;
    margin: auto;
    height: 545px;
}  

 <div id="header-bottom">
             <div class="header-bottom-wrapper">
                 <img src="http://dummyimage.com/1263x545/000/fff">
                </div>
            </div>

```

<http://jsfiddle.net/UcLnD/>