Проблема с Internet Explorer CSS

Question

Итак, я пытаюсь выяснить, где моя проблема с кросс-совместимостью. Из того, что я могу сказать, Firefox и Safari прекрасно работали, однако Internet Explorer (удивительно?) Давал мне массу проблем.Взгляните на сайт ниже:

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

По какой-то причине фоновое изображение чрезмерно расширяется сверху и снизу (если вы откроете сайт, вы сразу жепоймите, что я имею в виду).

Кроме того, в поле «Выбор» рядом с меткой «Выберите время», справа всегда есть поле, заполненное «: 45 вечера».

Последняя оставшаяся проблема заключается в том, что весь контент этого во многих версиях 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 --> 

Это делает рендеринг страницы в режиме причуд, в отличие от режима стандартов, поэтому IE рендерит ее в режиме с высокой задержкой, и в этом случае margin: 0 auto не работает в IE причуд Doctype сделает это в стандартном режиме.