Іноді буває складно написати 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>
CSS 
