Overflow no sirve en imagenes y divs

[jmrvm801]

Hola, tengo un detalle con el overflow, le puse un overflow para que el texto fuese más elegante y funciona a la perfección, pero si dentro le pongo una imagen, funciona, pero pasa por arriba del box-shadow



lo que deseo es que la imagen este por debajo de la sombra así como lo hace el texto.

este el div contenedor
.txt{ height: 200px; padding: 10px; border-bottom: 1px solid #CCC; width: 750px; margin: 0px auto 7px auto; overflow: hidden; box-shadow: 0 2px 0 #FFF,inset 0 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 0 #FFF,inset 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 0 #FFF,inset 0 1px 3px rgba(0,0,0,0.4); border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; color: #444; overflow-y: auto; text-align: left; }

este es el div de la imagen
.imgTab{ width: 420px; height: 190px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 0 white,inset 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 1px 0 white,inset 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 1px 0 white,inset 0 0px 6px rgba(0, 0, 0, 0.4); }

HTML

<div class="txt">
<div class="imgTab"></div>
</div>

Gracias

[IXtremeLT]

dale display:block a la imagen, saludos!