Primero, no me preocuparía mucho por validar el css (eso sí, que la sintáxis sea correcta)
Segundo, si tenés varios height diferentes para cada página, no es "estupido" sino necesario que reescribas el valor para la propiedad (recordá que los css se leen secuencialmente, a partir de ahi
<link rel="stylesheet" type="text/css" href="estilos.css" media="screen" />
estilos.css
Código CSS:
Ver originalarticle {
height: 310px;
*height: 330px; /* valor por defecto para IE7 asumiendo que de tus 15 html haya varios que requieren este height */
width: 100%;
z-index: 999; /* no funciona sin absolute o fixed */
border: solid 1px #000;
display: block;
}
posteriormente a la llamada al archivo de estilos, en cada página que lo requiera
Código CSS:
Ver original<!--[if IE 7]>
<style type="text/css">
/*<![CDATA[*/
article {
height: 600px; /* o lo que se necesite */
}
/*]]>*/
</style>
<![endif]-->
De paso te aclaro que la propiedad z-index no funciona si no declarás un position absolute ó fixed.
Supongo también que en alguna parte implementas algún tipo de reset para darle display block a tus article e incluís
Código HTML:
Ver original<!--[if lt IE 9]><script type="text/javascript" src="html5ie.js"></script><![endif]-->
ó similiar
SAludos