Very Weird IE Opacity Bug? "Some" of my text goes blurry :S

[zymic]

Hello,

I have a weird IE bug, which I have no idea how to fix.

Basically we are having an opacity type effect which overlays the whole layout apart from one element (as shown on the screenshot). In FF it works fine, but in IE some of the text goes blurry, it's only some text, the rest is fine.

The code:

      //Fade out all other elements
      var divs = document.getElementsByTagName('div');
      var opacValue = 5; //prompt('Enter a value between 1 and 10 to edit the opacity level:');
      for(var i = 0; i <= divs.length-1; i++)
      {
         if(divs[i].id.substr(0, 9) != 'uploadbox') 
         {
               this.getElem('logo').style.opacity = opacValue / 10;
               this.getElem('logo').style.filter = 'alpha(opacity=' + (opacValue * 10) + ')';
               divs[i].style.opacity = opacValue / 10;
               divs[i].style.filter = 'alpha(opacity=' + (opacValue * 10) + ')';
         }
      } 

Screenshot, top is firefox, bottom is internet explorer.
http://img73.imageshack.us/img73/9485/untitled8bc4.jpg

Any help is appreciated, I have no clue why IE is doing that.

Thanks

[zymic]

Fixed, found an article explaining how to fix it, please close this thread.

Article is: http://jszen.blogspot.com/2005/04/ie...y-problem.html (for those of you who wondered what the problem was).

Thanks