Ztmavení okolních obrázků pomocí CSS

Potřeboval bych pomoct s jedním detailem na webu - http://www.kowestra.cz/prace/080510/krok1.php. Je tam pás, kde jsou obrázky a nadpisy - Byt, dům, chata, ... Mám za úkol, po najetí myší na obrázek všechny okolní obrázky ztmavit a jenom ten obrázek, který je aktuálně vybraný bude barevný. Vše funguje jen, když se najede na ten nadpis shora (nadpis se zvýrazní červeně), ale pokud zkusíte najet na obrázek zespodu, zjistíte, že je pořád tmavý. Jak to udělat, aby po najetí myší na obrázek zůstal aktuální barevný a ostatní se ztmavily. (Řeším to pomocí překrývání poloprůhledného png obrázku.) Prosím pomozte, jsem úplně bezradný :(

#sort div a si dej přes celou výšku.Stavy jeho pozadí si napaletuj „vedle sebe“, místo současného „nad sebou“ a při hoveru měň background position left/right;

Zkoušel jsem to, ale nepomohlo to. Přes noc jsem si uvědomil, že chyba bude asi v jednom obrázku, který ten div překrývá (absolutní pozicování + vrstvy), takže jsem ho musel smazat a vše jede, jak má. Ale na web to dávat už nebudu. Ale moc díky :)