Nested Divs And Parent Opacities?

[MrFish]

I'm trying to make a template that has a translucent border around it. I have a div that is around my template that is called "wrapperRounded" and it's opacity is set to 60%. The problem is, all divs inside of this will also have the same opacity. I forgot about this when I wrote it. How can I get it so the other divs don't have the parent div's opacity?

#wrapperRounded{	width: 800px;	padding: 5px;	background-color: #039;	float: left;	filter:alpha(opacity=60);	opacity: 0.6;	-moz-opacity: 0.6;	-webkit-opacity: 0.6;	-op-opacity: 0.6;}#header{	width: 800px;	height: 125px;	background-color: #fff;}

[Jack McKalling]

The default background color for the embedded elements is transperent So it appears to be having the same opacity, though it actually lacks some intended background. If you apply, say background-color:#ffffff; to every child, then it should work

Edited October 11, 2009 by Jack McKalling