Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Blurred DIVs</title>
        <style TYPE="text/css">
        body {
            background: url('http://blog.napc.com/Portals/10319/images/clouds.jpg');
        }

        .container {
            width: 100%;
        }

        .blurred {
            width: 75%;
            padding: 10px;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 7px;
        }
        </style>
    </head>
    <body>
        <div class="container">
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- This is dumb. Don't do this. I only did it to quickly push the divs down to the darker part of the bg -->
            <div class="blurred">
                Content Content Content Content Content Content Content Content Content Content Content Content Content Content <br />
                Content Content Content Content Content Content Content Content Content Content Content Content Content Content
            </div>
            <br />
            <div class="blurred">
                Content Content Content Content Content Content Content Content Content Content Content Content Content Content <br />
                Content Content Content Content Content Content Content Content Content Content Content Content Content Content
            </div>
            <br />

        </div>
    </body>
</html>