incompatibilidad entre elementos, firefox e internet explorer 8

[eybel]

Bueno tengo este codigo, que le aplico css pero en Internet Explorer 8 se ve mal, no detecta el estilo... En firefox y chrome esta todo bien..

Como puedo arreglarlo? tendria que usar algun otro elemento?

Código PHP:

  

<hgroup>
        <h1 itemprop="name">
<a href="/monitor-arms/monitor-arms-heavy-duty/monitor-arm-SAA2718.php" title="Monitor Arm - SAA2718" id="product-titles" itemprop="url">MONITOR ARM &amp; KEYBOARD TRAY &quot;TRS2718-BB103</a>&quot;
       </h1>

        <h2>THE MONITOR ARM WITH KEYBOARD TRAY COMBO SOLUTION FOR HEAVIER  MONITORS AND SMALLER 
<a href="http://www.ergomart.com/VESA/VESA_75_100_200_700PX.htm" id="product-subtitle-gray">VESA</a>COMPLIANT 
<span id="red">LCD AND LED TVs</span>
       </h2>
     
</hgroup>

CSS: #product-titles {
    text-decoration: none;
    color: #000;
    font-size: 26px;
} 
   

[ryugen]

HGROUP es un tag de HTML5 y no es reconocido en IE 8, por lo que no se puede estilar. Tienes dos caminos entonces:

1) Utilizar otra etiqueta de HTML4.

O bien, si no quieres perder la semantica de HGROUP, puedes:

2) Utilizar el shiv de HTML5 que habilita estilar los tag de HTML5. Para un rápido uso, agrega lo siguiente en el HEAD de tu documento:

Código HTML:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
 

Puedes sino bajarte el codigo y correr el script localmente desde aca:
http://code.google.com/p/html5shiv/

O sino, puede utilizar Modernizr (http://modernizr.com/) en el cual, el shiv forma parte de la libreria desde su versión 2.

Otro detalle, las personas sin javascript o con el mismo desabililtado no podrán utilizar el shiv, por lo tanto no veran los estilos

[eybel]

muchisimas gracias, cambie las etiquetas les agregue "DIVS? adentro de hgroup, pero igual voy a tener en cuentas tus soluciones.


gracias.