Internet Explorer 7 CSS

Question

Итак, я создал веб-сайт и посмотрел его в Internet Explorer 7, и строка меню серьезно смещена.Я посмотрел на условные комментарии и попробовал, и я не знаю, что-то упустил.Я поместил условный комментарий в заголовок веб-сайта, а затем создал таблицу стилей CSS только для ie7, и он, похоже, ничего не делал.Может кто-нибудь сказать мне, есть ли быстрое решение этой ситуации или шаг за шагом к условному комментарию и методу пользовательской таблицы стилей?Любая помощь будет оценена.Благодарю.Веб-сайт находится здесь http://sgconstruction.org. CSS включает в себя плавающие ссылки на страницы слева и плавающие справа на Facebook и значки визг в синей полосе.Обе позиции являются относительными.Спасибо!

Answer 1

проверьте применение * перед тем свойством css, которое вы хотите применить только для браузеров ie7 и ниже. например:

#test {*color: #999;   /*hack for IE7 and below*/

        color: #F00;/*for all other browsers*/}

Answer 2

Проблема связана с CSS, который вы используете для #connectguy <div>.Этот элемент является элементом уровня блока, который вы установили на display: inline-block.К сожалению, Internet Explorer 7 распознает inline-block только для элементов, которые встроены по умолчанию.Вы можете обойти это, установив <div> в display: inline в таблице стилей IE7.