Ну, во-первых, не уверен, насколько вы новичок в разработке CSS / HTML, но это НИКОГДА не удивительно, что вы создаете контент в одном браузере только для того, чтобы IE рвал, душил и отображал что-то по-другому.Это один из костылей, которые веб-дизайнеры / разработчики должны нести при создании проектов.
Вы делаете все правильно, а затем изменяете таблицу стилей для одобрения IE.
Вам необходимо использовать условные комментариичтобы прикрепить только эти листы IE, и вам, возможно, даже придется сделать это для IE6 / 7/8 отдельно, в зависимости от того, что вы сделали, и как это нарушает внешний вид.
http://www.quirksmode.org/css/condcom.html
Пример этого использования в <head>
:
<!--[if IE 6]>
<link rel="stylesheet" href="ie6-fixes.css" />
<![endif]-->
Конечно, у вас будет таблица стилей «по умолчанию» ДО того, как ie, и ie.css перезапишет изначально определенные стили.
Единственно правильный путь.