Nested layers *not* inheriting properties

Hi,
Sorry if this is a silly question. I’ve got a layer nested inside another for positioning; and as the top layer is draggable and I want the nested layer to be dragged along with it by the user.

What I’m hoping to achieve is one layer with scrolling text resting inside another layer that is draggable and has a reduced opacity.

Which works at the moment in both Firefox and IE; the problem is that the reduced opacity makes the text in the nested layer difficult to read.

Is there any way I can have the reduced opacity *not* being inherited by the top layer?

Or is there another simple way I can have one layer follow another without it being nested?

The code for the css is here (float_container is the draggable one and float_textbox is nested inside it):

#float_container {
background-color: #4d0b40;
filter: Alpha(opacity=50);
opacity: .5;
}

#float_textbox {
overflow: auto;
padding-left: 2px;
padding-right: 0px;
padding-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #ffffff;
letter-spacing: 0pt;
word-spacing: 2pt;
background-color: #4d0b40;
}

Any help would be really appreciated,
Thanks,

-Eoin

Also in #CSS _↴