I've created the JS fiddle to demonstrate my problem: http://jsfiddle.net/C8NUf/1/

HTML:

<select>
    <option>
        Test
    </option>
    <option>
        Another Test
    </option>
</select>

Style:

select {
    color: transparent;
}

In chrome, the selected text "test" is properly blanked out by setting the color to transparent, in IE the test is still black.

How can I fix this issue in IE? Ideally I want to make this change via JQuery, but that doesn't seem very relevant to the overall problem.

Thanks, Daniel