[CSS]element <Map>:hover działanie na osobny div Opcje

[followc]

Witam,

niestety nie mogę aktualizować pliku .js, staram się zrobić następującą rzecz CSS3:
- obrazek jest ma mapę linków i po najechaniu na dany obszar, chciałbym aby w osobnym divie, obok obrazka wyświetlała się tabelka domyślnie niewidoczna. Próbowałem wszelkich selektorów, ale gdzieś muszę popełniać błąd, bo reakcji zero
mój kod CSS:

[HTML] pobierz, plaintext 
#id_area:hover ~ #element_ktory_ma_sie_wyswietlić{
	display:table;
}
[HTML] pobierz, plaintext 

struktura strony:

[HTML] pobierz, plaintext 
<div>
 
<div><div id="element_ktory_ma_sie_wyswietlić"></div></div>
 
<map><area id="id_area"><area></map>
 
</div>
[HTML] pobierz, plaintext 

Ma znaczenie kolejność?