Y la explicación larga: "La prueba del delito":
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#caja1 {width: 400px; height: 400px;margin: 50px auto;background-color: #f00;
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.33;
/* filter: alpha(opacity=30);*/
filter:progid:DXImageTransform.Microsoft.Alpha(opa city=30);
}
#caja2 {position: absolute;left: 350px; top: 80px;width: 200px;}
p {color: #f00;font-weight: bold;}
</style>
</head>
<body>
<div id="caja1"></div>
<div id="caja2"><p>Texto de prueba, Texto de prueba, Texto de prueba, Texto de prueba</p><p>Texto de prueba, Texto de prueba, Texto de prueba, Texto de prueba</p><p>Texto de prueba, Texto de prueba, Texto de prueba, Texto de prueba</p>
</div>
</body>
</html>
Tanto la caja como el texto son de color rojo (#f00).
Un pequeño error tonto: si la segunda caja va a estar fuera de la primera, ésta no necesita tener posición relativa.
Mikel.