css div 急速模式和兼容模式中浏览出现布局问题

//css

#HeadLeft, #HeadRight { float: left; margin: 0 0 0 -490px; width: 50%; height: 335px; } #HeadContent { width: 980px; float: left; background: green; height: 335px; background-image: url('../Images/HeadContent.jpg'); } #HeadLeft .inner { height: 335px; margin: 0 0 0 490px; background-image: url('../Images/bg左.jpg'); } #HeadRight .inner { height: 335px; margin: 0 0 0 490px; background-image: url('../Images/bg右.jpg'); }

详细效果
http://zhidao.baidu.com/question/1701813123007867100.html?sort=6#answer-1603821885
浏览效果
在360急速模式下如下图，没问题。

但是在兼容模式下，出现错位问题。

在网站没发布的时候，兼容模式，急速模式浏览都没问题，发布后就出现以上问题！