JavaScript works in IE + Chrome but not FF

Question

The following works in IE and Chrom but not FF. Thanks

<script>
    Element.setStyle(('table'), {
        'background-image': 'none'
    });
    Element.setStyle(('panel'), {
        'background-image': 'url(/pic.jpg)',
        'background-repeat': 'no-repeat'
    });
</script>

Answer 1

I'm not familiar with the setStyle function you're using, but when using JavaScript, Firefox is more particular about hyphens within CSS property names than other browsers.

Where style property names have hyphens, you should be using lower-case camel caplitalization instead - so 'background-image' should be 'backgroundImage' etc. Property values like 'no-repeat' are fine as they are.