Filtro alpha per lo sfondo di un box

[Scaleno]

Salve a tutti..

Seguendo un tutorial ho creato un box con colore di sfondo semi-trasparente utilizzando il filtro alpha e fin qui, salvo la delusione di vedere l'effetto inesistente in FF, è andato tutto bene. Unico problema è che inserendo del testo nel box anch'esso viene visulizzato con opacità pari a quella impostata. Qualcuno sa aiutarmi?

 

[Xscratch]

posta codice html e css, cmq è possibile abilitare la trasparenza anche in FF:

.box {
filter:alpha(opacity=65);
opacity:.65;
-moz-opacity:.65;
}

 

[Scaleno]

<div id="cella_sx">
<div id="cella_sx_int">
<div id="cella_sx_trasp">

bla,bla<br>
bla,bla<br>
bla,bla<br>

</div>
</div>
</div>

dove cella_sx e cella_sx_int creano il contenitore rispettivamente con l'immagine in basso e l'immagine in alto del box, mentre cella_sx_trasp crea un box con sfondo semi-trasparente atto a contenere i contenuti..

#cella_sx{
background: url(../img/box_sx_down_new.gif);
background-repeat:no-repeat;
background-position:bottom left;
float:left;
margin:0px 0px 9px 0px;
WIDTH: 216px;
TEXT-ALIGN: center;
}
#cella_sx_int{
background: url(../img/box_sx_up_new.gif);
PADDING-BOTTOM: 1px;
float:left;
margin:0px 0px 5px 0px;
PADDING-LEFT: 6px;
PADDING-TOP: 6px;
PADDING-RIGHT: 6px;
WIDTH: 204px;
TEXT-ALIGN: center;
}
#cella_sx_trasp{
filter: alpha(opacity=5);
opacity:.1;
-moz-opacity:.1;
background-color: #ED46F3;
float:left;
WIDTH: 201px;
TEXT-ALIGN: left;
}

Scusate lo stile un po grezzino ma sono alle primissime armi..

Grazie.

 

[sbobby]

Forse per avere del testo non trasperente dovresti impostare le caratteristiche del <p> del tuo div:

#cella_sx_trasp p{
text-align : left;
font: 13px verdana,arial,sans-serif;
color: #000;
}