Opacity "slører" ikke alle DIV

Hej Alle

www.tn-consult.dk

PROBLEM:

Med nedenstående bliver ikke alle DIV på virket af Opacity. Der er heller ikke ønsket. (se mål)

<div id="main">
    <div id="teaser" class="clearfix">
        ----disse div er påvirket
    </div>
    <div id="col1"> denne er ikke påvirket</div>
    <div id="col2"> denne er ikke påvirket</div>
    <div id="col3"> denne er ikke påvirket</div>
</div>

Style (kun uddrag)
#main {   
background-image: url('/assets/images/overlay_blue_2a.gif');
background-repeat: NO-REPEAT;
background-position: bottom right;
filter:alpha(opacity=25);
opacity:.25;
}

Alternativ.

Hvis jeg afslutter div(main) som vist er det kun mit billede der er påvirket(hvilket også er meningen), men så kan jeg ikke (finde ud af at) placere billedet som jeg ønsker.

<div id="main"> </div>
<div id="teaser" class="clearfix">
        ----disse div ikke er påvirket
</div>
<div id="col1"> denne er ikke påvirket</div>
<div id="col2"> denne er ikke påvirket</div>
<div id="col3"> denne er ikke påvirket</div>

MÅL:

Jeg ønsker mit billede med ”firkanter” er placeret nederst i højre hjørne ”under” col1,col2 og col3. samt at det kun er billedet er styret af opacity.
Jeg har leget med <img> og position i stedet for background-image, men uden held.

Så om problemet bliver løst på den ene eller anden måde er mig lige gyldigt, men hvis løsningen er at editere opacity direkte i billedet er det em om’er. ;-) 

For den fulde code se følgende links;

http://www.tn-consult.dk/assets/docs/3col_standard_css.txt
http://www.tn-consult.dk/assets/docs/base_css.txt
http://www.tn-consult.dk/assets/docs/basemod_css.txt
http://www.tn-consult.dk/assets/docs/content_css.txt
http://www.tn-consult.dk/assets/docs/iehacks_css.txt
http://www.tn-consult.dk/assets/docs/yaml_php.txt

Jeg håber at I kan hjælpe og at spørgsmålet er forståeligt.

Thomas Nielsen