Opacity in IE [SOLVED]

[x-posted webdev & webdesign]



I am working on a project where we would like to have a box that is 70% opaque, while the content inside of it, such as checkboxes and textareas are 100% opaque.  Below is an example of the code that we are currently using.  Our problem is that the content inside the box, stays at 70% opacity, no matter what we do.



CSS

#content
{
     filter: alpha(opacity=70);
}

#content input
{
     filter: alpha(opacity=100);
}

HTML

<table width="500px">
<tr>
   <td>
      <div id="content">
         <input type="text" name="textbox" />
      </div>
   </td>
</tr>
</table>

Any help would be appreciated.




Solution Found


Added "position:relative" to the input & textarea elements.