Hi Guys,

Just came across this site when I try to search solution to my issue with CSS in IE8. Also want to introduce myself in this forum.

Basically I try to use opacity/transparency in my site's CSS, it's worked and display correctly in latest update of Firefox and Opera.

But, in IE8 (the version I have in my computer), some of opacity/transparency do not work as it suppose to do.

This is the sample page of the issue I mention above:
http://www.potterycentre.com/shop/de...&-sashimi.html

You can see that:
  • Top Block
    In the center (ad block), no Opacity/Transparancy in IE8
  • Left Block
    In the left (ad block), no Opacity/Transparancy in IE8
  • Product Scroller
    Below horizontal menu, no Opacity/Transparancy in IE8
  • Product Detail / Description
    Opacity/Transparancy is function in IE8 as it suppose to be.


If you view that page in Firefox & Opera, none of the issues above show up. I know it can display correctly in IE8, as it show in Product Detail / Description. But for other block, I don't have any idea on what's going wrong with my CSS for IE8.

Hope that more experience fellows can point me to the right direction for solving this issue.

Thank you in advance for your help and suggestions.