kaffee-bohne: filter: Alpha (opacity = 10); Vererbung stoppen

Beitrag lesen

Hallo.

Ich bin in CSS ansich recht neu. Versuche mich gerade in einem tabellenfreiem Layout. Bisher hat alles gut geklappt stehe aber nun vor einem Probelm und finde keine Antwort im Netz...

Also ich habe eine Grafik im Hintergrund. Auf Ihr liegen nun weitere div's wenn man das mal so ausdrücken darf.

So habe ich es in der HTMl aufgebaut.

<div id="container">

<div id="main">
<div id="logo"></div>

<div id="spalte_1">
<div id="rightblocks1"> <!--[blockposition name=right]--> </div>
<div id="rightblocks2" ><img src="../images/logo.gif" alt="" height="65" width="105" border="0" /></div>
<div id="rightblocks3" align="center">Home  Impressum  Kontakt  Jobs  Login<!--[blockposition name=meta]--></div>
<!-- spalte_1 DIV ends--></div>

<div id="content"> <!--[$maincontent]--></div>
<div id="spalte_2">

<div id="anzeige"> <!--[blockposition name=anzeige]--></div>
<div id="anzeige2"> <!--[blockposition name=anzeige2]--></div>
<div id="leftblocks"> <!--[blockposition name=left]--></div>
<!-- spalte_2 DIV ends--></div>

<!-- main DIV ends--></div>

<!-- container DIV ends --></div>

------------------------------------------------------
und das ist meine CSS

#container {
background: url(../images/start.jpg) no-repeat;
}

#main {
width: 995px;
height: auto;
}

#content {
width: 795px;
height: 511px;
}

#spalte_1{
float: right;
width: 200px;
background-color: #bbbd6b;
border-left-width: #97991c 1px;
filter: Alpha (opacity = 10);
 }

#rightblocks1{
clear: both;
width: 200px;
height: 385px;
font-size: 12px;
background: url(../images/slogan.gif) no-repeat right;

}

#rightblocks2{
width: 151px;
height: 91px;
font-size: 12px;
padding-left: 49px;
padding-top: 36px;
background-color: #fff;

}

#rightblocks3{
width: 200px;
height: 7px;
color: #2b2b2b;
font-size: 9px;
padding-top: 80px;
background-color: #fff;
}

#spalte_2{
float:left;
width: 795px;
height: 87px;
position: relative;
background-color:#fff;
filter: Alpha(opacity = 70);
padding-top: 10px;

}

#leftblocks{
width: 149px;
height: 50px;
font-size: 12px;
background-color:#999;
}

#anzeige{
float: right;
width: 466px;
height: 50px;
font-size: 12px;
background-color:#999;
}

#anzeige2{
float: right;
width: 149px;
height: 50px;
font-size: 12px;
background-color:#999;
margin-right: 15px;

}
------------------------------------------------------

Das problem liegt bei #spalte_1

Der filter : Alpha klappt hier genau so wie es soll, nur leider vererbt er sich auf rightblock1 2 & 3 und genau das soll er nicht machen.
Wie kann ich das unterbinden, wo ist mein Fehler?

Greetz
kaffee-bohne