Setting opacity 0 for a form <select> element in IE6

Hi all!

In order to design a custom select element look in my site, I was messing with the css and opacity value to fade the actual select box and put a background image in a div right above the select element. The functionality of the select box is preserved no matter if opacity is set to 0, so I was able to accomkplish my goal.

But, that worked for every other browser around except IE6. No matter how I try to set the opacity to a select element/:

select#combo{filter: alpha(opacity = 0);}

Code (markup):

or through jQuery script

$('select#combo').css('opacity', 0);

Code (markup):

But that simply doesn't work for IE6. I also tried putting zoom:1 to gain hasLayout for the select element, but still nothing.

Is there a please someone there that encountered this problem and possibly knows some kind of workaround?

Thank you very much in advance!

Kinaski

 

Well. Not an expert in the area. But old IE versions are know to ignore several parts of CSS standard. Just like any other MS software.
There is some browser specific CSS extensions: http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx