iOS Safari 横幅一杯に配置バグ

iOS Safariで、iPhone、iPadでブラウザより大きい要素を、positionで配置した場合に
横スクロールを隠す overflow-x: hidden;が聞かず、横一杯に広がってしまう。

昔のsafariもそうだったみたい、んで、以下が対応する場合のCSS

html, body {
position: relative;
overflow-x: hidden;
}

 

参照元
http://subtech.g.hatena.ne.jp/h2u/20110507/1304697698