Понятия не имею, зачем IE8 это делает, но у меня есть два div с навигацией. Один плавает влево, другой - вправо. Оба блока имеют верхнее поле 10 пикселей. Все отлично выглядит во всех остальных браузерах, кроме IE8. Верхнее поле исчезает.
Я пробовал изменить тип документа с HTML5 на переходный, на строгий и без всякой отстой.
Я выполнил комбинацию из изменения типа документа и использования метатега http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"
, а также http-equiv="X-UA-Compatible" content="IE=9,chrome=1"
и http-equiv="X-UA-Compatible" content="IE=8,chrome=1"
, и он все еще не изменился.
Я добавил и height:0;
к clear:both;
div в CSS, как указано здесь: IE8 - Контейнер с margin-top: 10px не имеет поля
И это тоже не работает. Итак, я в тупике. Не уверен, что еще попробовать.
Одна вещь, которую я забыл упомянуть, это то, что cufon применяется к тексту, поэтому я не уверен, может ли это вызвать какие-либо проблемы или нет.