Could someone please help a Noob

Problem with Browser differences

[flub]

Hi all,

I was hoping to see if someone with some expertise could possibly help me.

On the link below.

You will see a section at the top which has a bar across the graphic banner called "A U D I O". This is on a black background which has opacity set.

If you look at at the above link through Firefox, Opera and Safari the black background to the word A U D I O is indeed transparent to the image underneath.

However in IE7 the black bar is not transparent.

Can anyone here help me please.

Many thanks in advance.

Mike

[edited by: jatar_k at 3:48 pm (utc) on Nov. 2, 2007]
[edit reason] no urls thanks [/edit]

[Xapti]

You're not allowed to post URLS, just post he relevant code.
You didn't even really need to post code... you coudl have just asked why isn't transparency working for IE.

The answer is that IE has to use a proprietary ActiveX filter to achieve transparency. in your CSS with all the other tags, include something like this: "filter(alpha=50);" or something. I forgot what the actual code is, but it should be easy to search, just search "internet explorer filter transparency" not in quotes(or opacity instead of transparency).

[flub]

Sorry i am new here and did not know :(

My CSS already has

filter:alpha(opacity=55);
-moz-opacity: 0.55;
opacity: 0.55;

So I really don't know whats going on.

[Old_Honky]

Have you tried:

filter:alpha(opacity='55');

[flub]

Thanks. I just got it to work. For some reason I was setting the background to 000000 I took this out and it now works.

Thanks for your help.