CSS: Hover over one element, effect another?

[acefox]

Please see the page here:\[code\]http://176.32.230.17/printingcrazy.com/branding-services\[/code\]I'm trying to achieve a hover effect, so if you hover over any of the services listed, the relevant image will have a border for example. And if you hover over the Image, the relevant text will change color.Elements on the left are in a separate parent to the ones on the right.Yes I have seen CSS: Hover one element, effect for multiple elements? and have tried everything, but cannot get it to apply to my circumstances.Any help would really be appreciated!\[code\]<div class="servicepage"><div class="serviceleft"><img src="http://stackoverflow.com/digitalprint.jpg"><img src="http://stackoverflow.com/dyesub.jpg"></div><div class="serviceright"><ul><li><h3>Digital Print</h3></li><li><h3>Dye Sublimation</h3></li></ul></div></div>\[/code\]