IE браузер визуальная проблема

Question

последний вопрос на ночь!

когда мой сайт просматривается в IE, он все испорчен по сравнению с Mozilla или Chrome.Я понятия не имею, как это исправить.Я думаю, что это связано с приведенными ниже делами на моем сайте ... но я не уверен, какие из них.

#quicklinks {
width: 550px;
float: right;
background-color:#9D9AFF;
}

#buttons {
width: 200px;
padding: 62px 20px 0px 20px;
}

#zachad {
width: 310px;
font-family: Arial, Helvetica, sans-serif;
background-color:#9D9AFF;
background-image:url(jinglejarlogo3.gif);
background-repeat:no-repeat;
z-index:auto;
float:right;
font-size: 12px;
height: 251px;
margin-top: 0px;
margin-bottom: 20px;
padding: 0px 30px 10px 10px;

}

#spacer {
width: 1024px;
clear:both;
}

#footerspacer {
background-color:#FFFFFF;
margin: 0px;
}

.linksinfooter li {
list-style: none;
display: inline;
margin:0;
background-color:#C0C0FE;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
border:hidden;
padding: 0.15em .15em 0.15em 1.45em;
}

#footercopyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#C0C0FE;
width: 560px;
padding: 0.5em .45em .5em 1.5em;

Answer 1

В этом вопросе есть много справки - включая другие посты здесь

По сути, модель IE Box работает иначе, чем модель Mozilla - Самый простой пример - это способ вычисления PADDING и MARGIN.

Mozilla добавляет эти элементы к определенной ширине (например, - width: 200px, padding: 50px создаст div из 300px (200 + 50 + 50)

IE вычитает их изнутри, поэтомуэлемент всегда имеет определенную ширину (200 пикселей), а внутренняя область уменьшается на (50 + 50) пикселей

. Быстрый поиск должен помочь

css помочь с моделями блоков

http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug