Mostrar solo una parte de la imagen (desde el centro)

[colote]

Hola gente, estoy queriendo mostrar una parte de una imagen con CSS, lo que tengo es para que se muestre de esta manera:

Código CSS:

.fancybox{
float:left;
width:200px;
height:150px ;
overflow:hidden;
text-align:center;
background:#ffffff;
}
 

y la imagen la pongo en una tabla asi:

Código HTML:

<td width="220px" height="165px" ><a href="<?php echo $foto1?>" class="fancybox" rel="group"><img src="<?php echo $foto1?>" width="220px"></a></td>
 

Lo que busco es que tome un recuadro desde el centro de la foto hacia afuera.

Gracias.

Saludos, Ricardo.

[jlomss]

en css hay una propiedad que se llama background-position-x ahi puedes escoger en que posicion mostrar la imagen y podria servirte!

avisame si necesitas mas info!

[pzin]

Pues si el contenedor siempre mide 200 y la imagen 220, entonces sólo tienes que mover la imagen 10 pixeles hacia la izquierda:

Código CSS:

.fancybox img {
  position: relative;
  left: -10px;
}