html - 絶対divオーバーフローなし

Question

私は2つのdivを持っています:

#container{
    max-width:1000px;
    margin:0 auto;
}

このコンテナ内には、別の div があります。

#image{
    position:absolute;
    margin-left-200px;
    width:500px;
    height:400px;
    background-image:url('images/image.png');
    left:50%;
    overflow:hidden;
}

ウィンドウのサイズを非常に小さいビューポートに変更すると、画像全体が表示されません。ユーザーは右にスクロールできます。どうすればそれを防ぐことができますか?

ありがとう！