CSS opacity på BG, men ikke på indholdet, hvordan?

HTML kode 

 <div id="main_content">
  <div id="bg"></div>
  <div id="text">bla bla bla</div>
 </div>

CSS kode 

 #main_content{
     position:relative;
     overflow:hidden;
     width:762px;
     min-height:600px;
 }
 #bg {
     position:absolute;
     height:100%;
     width:762px;
     background-color:#000000;
     border:solid 1px #000000;
     filter:alpha(opacity=60);
     opacity:0.6;
     z-index:1;
 }
 #text{
    padding:0px 5px;
    position:absolute;
    z-index:10;
 }

Martin D: Du siger noget.. det lyder som om det ville gøre det hele MEGET nemmere.. Hvis folk stadig bruger IE 6, kan jeg ikke tage mig af det