Иногда бывает сложно написать CSS, который бы отображался одинаково во всех браузерах. Поэтому предлагаю Вам некоторые полезные советы как достичь желаемого результата в виде заметок.
Условные комментарии (Conditional Comments)

Для всех версий IE:

<!--[ If IE]> Some Css Code <! [Endif] ->

Для 7-й версии:

<!--[ If IE 7]> Some Css Code <! [Endif] ->

Для 5.01, 5.5 и 6.0:

<!--[ If lte IE 6]> Some Css Code <! [Endif] ->

Условия:
* IE (Все версии IE)
* Lt IE version (Ниже указанной версии)
* Lte IE version (ниже и равна указанной версии)
* IE version (только для этой версии)
* Gte IE version (выше или равной указанной версии)
* Gt IE version (выше указанной версии)

Min-width и Max-width

Минимальная ширина:

<code> # wrapper {min-width: 750px; width: expression (document.body.clientWidth <750? "750px": "auto");} </ code>

Минимальная и максимальная одновременно:

<code> # wrapper {min-width: 750px; max-width: 1220px; width: expression (document.body.clientWidth <750? "750px": document.body.clientWidth> 1220? 1220px ":" auto ") ;} </ code>

Минимальная высота от Dustin Diaz:

<code> # id {min-height: 100px; height: auto! important; height: 100px;} </ code>

Универсальные селекторы

IE 6 и ниже:

<code> * html {} </ code>

IE 7 и ниже:

<code> *: first-child + html {} * html {} </ code>

Только IE 7:

<code> *: first-child + html {} </ code>

Только IE 7 и все современные браузеры:

<code> html> body {} </ code>

Все современные браузеры, кроме IE 7:

<code> html >/**/ body {} </ code>

Opera 9 и ниже:

<code> html: first-child {} </ code>