Uppföljaren till genomskinlig bakgrund

Det löste sig så bra med att göra bakgeunden genom skinlig förutom ett ynka litet problem. Nu är det så att i den <div>-en jag har satt filter: Alpha(Opacity: 60) så blir inte bara bakgrunden genomskinlig utan även all text och allting annat som finns med i den aktuella <div>-en. Finns det något smidigt sätt detta kan lösas på? Nu ser koden i CSS-filet ut som följande:

#mainBox {
background-color: 18033A;
filter: Alpha(Opacity=60);
overflow: auto;
scrollbar-face-color: #18033A;
scrollbar-base-color: #18033A;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #18033A;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
position: relative;
top:16px;
width: 740px;
height: 450px;
text-align: left;
font-size: 12px;
color: white;
border-style: solid;
border-width: 3px;
border-color: #FFFFFF;
padding: 10px;
cursor: crosshair;
}