SIFR 3 NOT RENDERING IE7

Question

I am building a site right now using the new siFR3 it works perfectly on FF & Chrome but not on IE7 to view click here

Answer 1

ok I found out what was the problem all it was watch my old code that doesn't work in IE:

    sIFR.replace(officinaWhite, {
  selector: '#boxes h1', wmode: 'transparent',
  css: '.sIFR-root { color:#ffffff; }',
});

sIFR.replace(officina, {  
  selector: '#content h2, #rightCol2 h2, #rightCol h2', wmode: 'transparent',
  css: '.sIFR-root { color:#000000; }',
});

and this is the code that fixed it:

    sIFR.replace(officinaWhite, {
  selector: '#boxes h1', wmode: 'transparent',
  css: ['.sIFR-root { color:#ffffff; }']
});

sIFR.replace(officina, {  
  selector: '#content h2, #rightCol2 h2, #rightCol h2', wmode: 'transparent',
  css: ['.sIFR-root { color:#000000; }']
});

it is only missing the parenthesis under the css:['.sIFR-root { color:#000000; }'] no commmas in the end.

Answer 2

Try fixing the errors: Here and see if that helps.

Making sure your site is W3C compliant can be a major help in fixing troublesome quirks.

Answer 3

Make sure there is no trailing comma before a closing brace in the config. These are illegal in IE's JavaScript engine.