como hacer este efecto...

[karen1986]

una preguntaa... como hago para q se recorran mis imagenes.... en los ejemplos q me das e puesto las imagenes q yo quiero el tamaño que ahora es de 900 px de ancho por 500 pixeles de alto.... y ya queda, pero al momento de pasar ek cursor sobre la imagen no se recorre lo suficiente y no encuentro en donde cambiar esos valores...
asi a quedado el codigo.... en q parte debo cambiarlo para que la imagen se recorra los pixele q yo quiero...

.jimgMenu {
position:relative;
margin: 0px 0px 0px 50px;
padding: 0px;
width:900px;
height:500px;
overflow: hidden;
}

.jimgMenu ul {
list-style: none;
margin: 0px;
padding: 0px;
display: block;
height: 500px;
position: relative;
}

.jimgMenu ul li {
width:300px;
float: left;
display: block;
overflow: hidden;
}

.jimgMenu ul li a {
text-indent: -1000px;
background:#fff repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow: hidden;
height: 500px;
}

.jimgMenu ul li#landscapes a {
background: url(images/landscapes.jpg) repeat scroll 0%;

}

.jimgMenu ul li#people a {
background: url(images/people.jpg) repeat scroll 0%;

}

.jimgMenu ul li#nature a {
background: url(images/nature.jpg) repeat scroll 0%;

}


.clear {
clear: both;
}