Does anybody know how to stop transparancies applied to a <div> being inherited?
Here's what I have...
<style type="text/css">
body{
background-image: url(http://www.travelblog.org/Wallpaper/pix/tb_turtle_diving_sipadan_malaysia.jpg);
}
#contentBox{
background-color:#FFFFFF;
width:200px;
}
.transbox{
filter:alpha(opacity=60);
opacity:0.6;
}
</style>
<body>
<div id="contentBox" class="transbox">
<h1>Lorum Volest</h1>
<p>Olore pe doluptatur assit modiandae sequi tem. Nem. Itatisquae dest omnimus, corrovi digendebitio esent apicia cullaccum doluptatur? Lorum volest quiasim ustotatiis eum, quae sequam volupta ecatet quia assimodit resecta est parum nobit, sed maiorro vitatate comnis nihilique et ernam exerumq uundus que optati berores secest, torrum non eossitae eatur? Bis ut vel ipsunt. Nullabora volut volupta sit re nonsequid enem eaquo estium evelibus dit placit et ipsus, suntio mos modit ut etur, est, es eniatin eossima iorions eceptatur mintem fugit molumquibus. Lorum volest quiasim ustotatiis eum, quae sequam volupta ecatet quia assimodit resecta est parum nobit, sed maiorro vitatate comnis nihilique et ernam exerumq uundus que optati berores secest, torrum non eossitae eatur?</p>
</div>
</body>
...and I can't stop the transparancy set for the background of contentbox getting passed to the text within it. 
Any help much appreciated. 
