Mir wäre nicht bekannt, dass Chrome und Safari damit probleme hätten.
Na dann versuchs doch mal selber:
<html>
<head>
<style type="text/css">
#wasser:hover ~ #dreieck { background-image:url(dreieck-wasser.gif); }
#gas:hover ~ #dreieck { background-image:url(dreieck-gas.gif); }
</style>
</head><body>
<span id="wasser">Wasser</span>
<span id="gas">Gas</span>
<div id="dreieck" style="width:440px; height:440px;"></div>
</body></html>
("Die Bilder sind nicht im Lieferumfang enthalten")