Atualizar
Como ninguém mais usa o IE6 e o 7, apresentarei uma solução diferente:
você não precisa mais de um hack, porque o IE8 o suporta sozinho
Para aqueles que precisam oferecer suporte aos navegadores da idade da pedra antes do IE8 (não é que o IE8 seja tão velho assim, tosse demais ):
por conta do controle de versão do IE, use alguma classe condicional na <html>
tag, como Paul Irish afirma em seu artigo
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
Por isso, você terá diferentes classes no html-tag para diferentes navegadores IE
O CSS necessário é o seguinte
.inline-block {
display: inline-block;
}
.lt-ie8 .inline-block {
display: inline;
zoom: 1;
}
Isso será validado e você não precisa de um arquivo CSS extra
Resposta antiga
.frame-header
{
background:url(images/tab-green.png) repeat-x left top;
height:25px;
display:-moz-inline-box; /* FF2 */
display:inline-block; /* will also trigger hasLayout for IE6+7*/
}
/* Hack for IE6 */
* html .frame-header {
display: inline; /* Elements with hasLayout and display:inline behave like inline-block */
}
/* Hack for IE7 */
* + html .frame-header {
display: inline; /* Elements with hasLayout and display:inline behave like inline-block */
}