Im trying to create a script that will edit css rules in both FF and IE, but IE just isn't having any of it! I get an error message saying that

'the object doesn't support this property or method'.

Here is my code, can anybody help?

var styleSheet = document.styleSheets[1];

if (styleSheet.rules)
   {
      var pAbout1 = styleSheet.rules[20].style;
      var pAbout2 = styleSheet.rules[22].style;
      var pAbout3 = styleSheet.rules[23].style;
   }

else
   {
      var pAbout1 = styleSheet.cssRules[20].style;
      var pAbout2 = styleSheet.cssRules[22].style;
      var pAbout3 = styleSheet.cssRules[23].style;
   }
   
pAbout2.setProperty ('display', 'none', '');
pAbout3.setProperty ('display', 'none', '');

on which line?

lol sorry, the one with

"pAbout2.setProperty ('display', 'none', '');"

Hmmm that's wierd, Im testing it now and there's no error message?? Having said that, the css properties still aren't changing the way they should!

One thing I forgot to point out:
If I alert (pAbout3) it says 'Object', and if I alert (styleSheet.rules[23].cssText); it says 'undefined'.

How confusing??

I don't think the style.setProperty method has been implemented in most browsers. Sure it's the W3C approved method but hey

use the standard

objVar.display = "none"; instead

Ahhhh maaaaaaaaaaaan Bill Gates and his never ending armies of darkness strikes again!

Thanks anway!

Technically, it's not Bill Gates' fault. It's the browser's fault.

- Steve