CSS: Skriva "ovanpå" någonting?

Är det möjligt att med CSS göra så att en div "ignoreras", dvs. så att om man skriver text i dess container så hamnar texten ovanpå?

Försöker göra en div med halvtransparant bakgrund, men vill inte att texten ska vara transparant...

Har därför kodat ungefär såhär:

<div id='div_med_text'>
   <div id='halvtransp'>
   </div>
   <p>Text jag vill ska ligga ovanpå halvtransp</p>
</div>

#div_med_text {
    border: 1px solid #000;
    width: 200px;
    height: 200px;
}

#halvtransp {
    width: 200px;
    height: 200px;
    filter:alpha(opacity=50);   
    -moz-opacity: 0.5;   
    opacity: 0.5;
}

...och vill få det inom <p>-taggen att landa ovanpå halvtransp-divven. Går det?

[Edit]
..eller jag är ju dum, texten blir ändå halvdold under halvtransp-divven. Så blir konstigt ändå. Hmm, någon som har en lösning?

Provade det, men som Drenmi säger blir även underliggande element transparanta när dom ligger i ett transparant lager...

Lyckades dock komma förbi det genom följande, vet dock inte om det är någon vacker lösning. Och funkar bara i IE, i FF verkar transp-lagret hamna överst.

[edit]
Kunde lösas genom att göra untransp till relative (även ändrat i koden nedan)... men lösningen är väl ganska ful?

<div id='div_med_text'>
   <div id='halvtransp'>
   </div>
   <div id='ejtransp'>
   <p>Text jag vill ska ligga ovanpå halvtransp</p>
   </div>
</div>

#div_med_text {
    border: 1px solid #000;
    width: 200px;
    height: 200px;
}

#halvtransp {
    width: 200px;
    height: 200px;
    background-color: #FFF;
    filter:alpha(opacity=50);   
    -moz-opacity: 0.5;   
    opacity: 0.5;

#ejtranp {
    position: relative;
    margin-top: -200px;
    width: 200px;
    height: 200px;
}