主体宽度小于内部元素

我正在尝试使用以下标记:

body
 #container
  #content

其中主体是全宽的,并且具有右下角对齐的背景。

其中,容器的设置宽度为960px,最小宽度为600px,位于页面左上角。

其中内容的设置宽度为600px,并且也位于页面的左上角。带边距“100px 0px 0px 100px”

当我尝试这样做时,身体看起来很好,背景附件滚动位于右下角。但是,当浏览器调整到小于960px的宽度(或容器元素的任何其他宽度)时,主体将停止在浏览器的宽度,从而将子元素泄漏出去。

我希望主体始终至少是子元素的宽度,而不是破坏它。我没有浮动的元素,这些元素可能会破坏页面,所以我不明白它为什么会这样做。

image indicating the problem

image indicating my wish