problema con innerHTML()

[victor666]

saludos!

tengo un problema al intentar cambiar el contenido de la etiqueta style de mi pagina
con javascript. el codigo es el siguiente:

Código PHP:

   
var style = document.getElementsByTagName("style")[0]; 
  
 style.innerHTML=".hr {background-color: #336699;  color: #FFFFFF; font-family: Arial; font-size: 12px;} .dr { background-color: #F4F4F4;  color: #000000; font-family: Arial; font-size: 12px;} .sr {  background-color: #FFFFFF;  color: #000000; font-family: Arial;   font-size: 12px; }";  
   

en firefox funciona perfecto pero en IE me genera un error al tratar de modificar el innerHTML, se resibe cualquier sugerencia para poder hacer esto

gracias!