Compatibilidades CSS en Internet Explorer

Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoría de los navegadores para IE7 e IE8 no funcionan. Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea también compatible para IE7+.

Opacity en IE7+:

div{
    opacity: 0.5;
    filter: Alpha(Opacity=50); 
}

Display inline-block en IE7+:

div{ 
    display: inline-block; 
    zoom: 1; 
    *display: inline 
}

El * (asterisco) hace que una propiedad sólo se aplique en los navegadores de la familia Internet Explorer anteriores a la versión 9.

Max width y Max height en IE7+:

div{
    max-width: 200px;
    *width: expression(document.body.clientWidth>199?"200px":"auto");.
    max-height: 200px;
    *height: expression(document.body.clientWidth>199?"200px":"auto");
}