Efecto mouseover en lista horizontal

[cdonatec]

Hola. Quiero hacer unas pestañas con el efecto mouseover y despues de probar con varios códigos el más rápido es uno en el que enlaza a una imagen compuesta por las tres que quiero mostrar de la siguiente manera:

<a href="http://www.google.com" style="background:transparent url(http://dl.dropbox.com/u/44861631/dfinal.jpg) no-repeat left top; width:150px; height:100px; display: block; text-decoration: none"
onmouseout="this.style.backgroundPosition='left top';"
onclick="this.style.backgroundPosition='right top';"
onmouseover="this.style.backgroundPosition='center top';"> </a>

Bien, mi intención es que funcionen como pestañas de un menu horizontal. He probado de todo y no soy capaz de que poner varias imagenes de este tipo de forma horizontal y ni siquiera poniendo o modificando el HSPACE O VSPACE, seguro que es una tontería y me estoy bloqueando sin necesidad. Espero vuestros consejos, un saludo y gracias

[kseso?]

sprite css
fondos posicionados y cambie su posición al :hover del elemento.

[emprear]

@cdonatec, En primer lugar, bienvenido a FDW

me queda la duda si está queriendo hacer un menu horizontal con css o un menú con pestañas (tabs) en css, que a mi parecer no es exactamente lo mismo.

A esto me refiero
http://labs.silverorange.com/archive.../updatedsimple
ó este otro
http://blixt.org/articles/tabbed-nav...section=step-1 (en el paso 3 hay un link a un zip con el codigo)

SAludos

[soniacl]

mira mi página, yo tengo una cosa parecida.
www.logoh.es
para ello tienes que poner todas las pestañas seguidas, sin que vayan en líneas separadas. A ver si eso te ayuda, puedes ver mi código en boton derecho inspeccionar elemento.