204px

Forked from http://jsfiddle.net/stbn/q9pg0mj1/1/

by stbn

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
<h1>204px</h1>

<div id="container">
    <div id="content">
        <img src="//dummyimage.com/600x200/0099cc/fff.png" />
    </div>
</div>

CSS

h1 {
    text-align: center;
}
div#container {
    background-color: black;
    height: 200px;
    width: 100%;
    margin: 50px auto;
}
div#content {
    background-color: orange;
    min-width: 100%;
    overflow: hidden;
}
img {
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
}