Había intentado adaptarlo a tablas pero no conseguía buenos resultados. Con lo que ahora aportas sí que funciona.
Pero me acabo de dar cuenta de que al colocar el ratón sobre la celda intermedia también cambia el color de la superior e inferior. Quizás no me expliqué bien al principio. Lo que pretendo es que al colocar el ratón sobre la celda superior o inferior el :hover afecte a estas dos a la vez, pero que al colocar el ratón sobre la central, el :hover sólo afecte a esta. Si ves el pequeño gráfico que puse al principio, es como si la celda 1 y 3 formasen un único bloque y la 2 es otro bloque superpuesto.
Para esto que propongo quizás sea mejor optar por hacer el diseño con <DIV> en vez de que con tablas.
Buscando información sóbre soluciones a este tema, curiosamente llegué al tutorial que me indicas. ¿La técnica usada en tus recomendaciones está basada en selectores? Es para indagar más sobre ellos.
Gracias.