Mit :hover einen Text einblenden

[Jana]

Hallo,

ich versuche mich gerade hobbymäßig an einer Website und stelle mich bei dem hover-effekt irgendwie ein bisschen blöd an... Mein Ziel ist es, dass ich einen mouseover-effekt bekomme, wenn ich über ein Bild id="Asien" (hat auch eine Verlinkung zu einer anderen Seite, liegt es vielleicht daran?) drüberfahre und sich dann ein Text id="X" zeigt. Könnt ihr mir helfen?

CSS:

		#Asien:hover #X {display: block}
		#X {display: none}

HTML:

	<a href='Asien/Asien.html'> <img src='Bilder/Stecker.png' 
	id='Asien'> </img> </a> </figure>
	
	<div id='X'> Test </div>

Danke auf jeden Fall :)