Доброго времени суток, как дела? :) Сегодня поговорим о довольно распространенной проблеме, когда сидишь в своем любимом браузере, пишешь CSS для своего замечательного сайта и все тебе нравиться ровно до того момента, когда отрываешь сайт в другом браузере и видишь, что там либо разметка "станцевала лезгинку" либо картинка пытается "уплыть" в неизвестном направлении. В целях просвещения масс по вопросу кроссбраузерной верстки я покажу пару приемов (или как их называют буржуи CSS-hacks), которые помогают справиться с данной проблемой и добиться одинакового отображения стилей в популярных браузерах.
Лично у меня проблемы возникли с Mozilla Firefox и совсем немножко с Internet Explorer  :), по пути на глаза попался хак для Opera, который тоже выложу ниже. К остальным браузерам претензий нет, а если они возникнут у кого-то из вас, то вы уже будете знать в каком направлении "копать" чтобы все исправить.
Итак, к делу:
Работает отлично, проверено.
Этот хак я не проверял, поскольку в Opera у меня все отображалось как следует. Выкладываю, так сказать в оригинале. Будет ли работать для других селекторов проверите сами в случае надобности.
Оратите внимание что данный хак предназначен для IE10. В других версиях не проверял, потому что старые не вижу смысла ставить, а одиннадцатая у меня устанавливаться напрочь отказалась, ну да это уже другая тема. Так же обращаю ваше внимание на то, что в IE проблема некорректного отображения CSS-стилей часто решается путем нажатия кнопки "Просмотр в режиме совместимости", которая обитает в конце адресной строки браузера и выглядит как разорванный напополам лист бумаги. Но не все пользователи обращают на эту кнопку внимание, поэтому лучше перестраховаться и увековечить правильное отображение в таблице стилей.