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;
}