Opaque BG, clear text.

[Craige]

I've been working on the CSS for Afflatus today, and one thing we are implimenting uses opaque backgrounds, and 100% clear text. I have it half working. It works in IE, but not in FF.

The problem is we are using CSS3 directives that are not widely supported and thus work arunds are needed. The styles I have are:

.bluebgbox
{
background-color:#246176;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
border-width: 1px 0px 1px 0px;
border-color:#6792A3;
border-style:solid;
}

.full
{
position:relative;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

where bluebgbox has the semi-transparent BG, and full is used to make the contents within bluebgbox 100% opaque. position:relative; works as a fix in IE, but in FF the .full class still uses the 50% opaqueness.

Any ideas?