I'd like to create a very simple CSS disjoint rollover, but I'm not sure if it's possible. At present I have a linked image with a linked heading below, in separate table cells, both, when moused over create the same effect (a dark blue border with lighter blue sub border). But this only occurs for each separate part, I'd like to create the effect for both image and heading whichever part is moused over.

Has anyone any ideas? Please help.

P.S. While looking for a new bathroom suite (I can hear you laughing) I found something similar to the effect I'm looking to create, it's here:


is this made using CSS?

thanks a lot