problema con efecto de sombra con CSS

[dark_fuhrer]

hola amigos.... mi duda se debe a la creacion del efecto de sombra con CSS, he optado por la opcion del canal alpha que mezcla los colores....
mi duda es la siguiente....


aqui les muestro un ejemplo de codigo:

Código HTML:

<div class="blur">
<div class="shadow">
<div class="content">bla bla</div>
</div>
</div>



Código CSS:

.blur{
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
}

.shadow,
.content{
position: relative;
bottom: 2px;
right: 2px;
}

.shadow{
background-color: #666; /*shadow color*/
color: inherit;
}

.content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
padding: .5em 2ex;
}



....quisiera saber si existe alguna posibilidad de que se pudiese usar la capa "content" con -position:absolute-... esa es mi duda principal... quiero saber si se puede usar position:absolute.. y si se podria hacer modificaciones a este codigo.. para que ande con position:absolute


aqui les dejo el link para que bajen las imagenes que les pide el codigo:

http://www.zshare.net/download/6743024bccf6a6/



les agradezco su ayuda


byes