将一个比视口大的移动网站居中

Question

我已经获得了790px宽的移动网站设计，但内容以392px宽<div>为中心。 我想把它集中在移动设备（即iphone）上，但是当它加载到目前为止，中心div是向右 - 我基本上希望网站以中心div为中心，如果你知道我的意思。结构目前是这样的：

样式表

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
margin: 0 auto;
padding: 0;
-webkit-text-size-adjust: none;
}

标题中的视口代码

<meta name="viewport" content="width=device-width, 
initial-scale=.7, maximum-scale=1.0">

页面中的代码（示例）

<div align="center">
<div style="width: 790px;">
<img src="images/image.png" width="790" height="136" border="0" />
<div style="width: 392px; text-align: left; margin-bottom: 26px;">
Center column content
</div>
<img src="images/image.png" width="790" height="136" border="0" />
</div>
</div>

目前看起来不错，但我只是希望手机以内容为中心，这样用户就不必向左滑动。

任何帮助都非常感谢！