style.backgroundImage only works with Firefox
<p>I have a problem with Javascript. I'm trying to set a background image for an option in a multi select box. This works with Firefox 3.6.14, but not with Internet Explorer 8. I have made a short code sample to show you the problem. Does anyone have a solution for my problem?</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script language="javascript" type="text/javascript"&gt;
    function changeIssueTypes(){
        var testSelect = document.getElementById("testSelect");
        var comboBoxTest = document.getElementById("comboBoxTest");

        testSelect.options.length = 0;
        if(comboBoxTest.value == 'optionTest1')
        {
            testSelect.options[0] = new Option();
            testSelect.options[0].value = 'testOption1';
            testSelect.options[0].innerHTML = 'Test option 1';
            testSelect.options[0].style.backgroundImage = 'url(http://www.multimove.nl/images/icons/small/icon_document.gif)';
            testSelect.options[0].style.backgroundRepeat = 'no-repeat';
        }
        if(comboBoxTest.value == 'optionTest2')
        {
            testSelect.options[0] = new Option();
            testSelect.options[0].value = 'testOption1';
            testSelect.options[0].innerHTML = 'Test option 1';
            testSelect.options[0].style.backgroundImage = 'url(http://www.middelburg.nl/static/middelburgpresentation/images/icons/icon_pdf.gif)';
            testSelect.options[0].style.backgroundRepeat = 'no-repeat';
        }
    }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form&gt;
    &lt;select id="comboBoxTest" onchange="changeIssueTypes()"&gt;
        &lt;option value="optionTest1" &gt;Option test 1&lt;/option&gt;
        &lt;option value="optionTest2" &gt;Option test 2&lt;/option&gt;
    &lt;/select&gt;
    &lt;br/&gt;
    &lt;select multiple id="testSelect"&gt;
        &lt;option value="initialOption"&gt;Test initial option&lt;/option&gt;
    &lt;/select&gt;
&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
