Internet Explorer CSS 问题

Question

所以我试图找出我的交叉兼容性问题出在哪里 - 据我所知，Firefox 和 Safari 一直运行良好，但是 Internet Explorer（惊喜？）给我带来了很多问题。看看下面的网站：

https://secure.promptpass.com/index.php?clinic=1

由于某种原因，背景图片在顶部和底部过度扩展（如果您打开网站，您会立即明白我的意思）。

除此之外，在“选择时间”标签旁边的“选择”框中，右侧总是有一个用“:45 pm”填充的框。

剩下的最后一个问题是，在许多版本的 Internet Explorer 上，所有内容都向左移动 - 基于 CSS，所有内容都应该居中

再次，我已经倾注了这个（我确信这些是我忽略的简单事情）但是在这一点上，我不知道这个问题会是什么。

感谢所有帮助。

Answer 1

首先，把它移到别处：

<!-- Google Website Optimizer Control Script --> 
<script> 
function utmx_section(){}function utmx(){}
(function(){var k='2883663228',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
+new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script> 
<!-- End of Google Website Optimizer Control Script --> 

它使页面以 quirks 模式呈现，而不是标准模式，因此 IE 以超级延迟模式呈现它，margin:0 auto doesn't work in IE quirks。 doctype 将使其以标准模式呈现。