Prevent contents from being transparent if <div> has transparency?

[x23piracy]

Hi,

how to do that?

I allready tryed to set a div into div with explicit 100 transparency but no effort.
That's what i tryed:

html:

Code: [Select]

<div id="father">
transparent content
<div id="son">
not transparent content
</div>
</div>
css:

Code: [Select]

father {
        opacity: 0.85; /* Webkit und Opera  */
        -moz-opacity: 0.85; /* Mozilla Browser */
filter: alpha(opacity = 85); /* IE */
}

son {
        opacity: 1.0; /* Webkit und Opera  */
        -moz-opacity: 1.0; /* Mozilla Browser */
filter: alpha(opacity = 100); /* IE */
}
But it's not working where is the trick?
Any clues?

Seems that the childs always inherits of there parents?


Greetz X23

[V@no]

for element ID you must use # in css:

Code: [Select]

#father {
..
}