An easy way to create a cross browser transparent (60% opacity) container (div).

Sample CSS code:
body {
font-family: Arial,sans-serif;
background-color: #ffffff;
background-image: url(background.jpg);
}
#transparentContainer{
background-color: #fff;
width: 100%;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
text-align: center;
padding: 20px 0 20px 0;
}

Sample HTML code:
<div id="transparentContainer">
<h1>Transparent Container</h1>
<p>This is an example on How To Create a transparent container (div) using CSS</p>
</div>

Demo page:	Transparent Container
Download page:	TransparentContainer.zip
Tested with:

Start Slide Show