В HTML:
<!–[if (!IE) | (gt IE 7)]><!–><body><!–><![endif]–>
<!–[if IE 7]><body class="ie ie7"><![endif]–>
<!–[if IE 6]><body class="ie ie6"><![endif]–>
Здесь для IE6 получим два класса ie и ie6
для IE7 получим два класса ie и ie7
для IE8 не будет класса, он вродебы более-менее соответствует стандартам.
в CSS что-нибудь вроде:
.ie6 #wrapper { display: inline-block; }
Не надо ковбойских скачек c "* html" или "/*\*/" (блят* не могу запомнить как там правильно).
С нормальными селекторами всё выглядит пристойно.
Little offtopic: на Sass может выглядеть еще интереснее:
// hack to compensate for IE and percentage widths rounding errors
.ie
#topbar
:width = !inner-width + 0.6%
#mid-center
:width = !inner-middle-width - 0.2%
// for IE6
.ie6
#wrapper
:display inline-block
