hover effekt bei nicht verschachtelten elementen

[damianowitcz]

Hallo zusammen,

ich hab da mal ne Frage, und zwar ob sich nicht mitteinander verschachtelte Elemente per hover bedienen lassen.

Hier ein Beispielcode:

Erstmal eine einfache CSS Datei. Diese sorgt dafür, dass der zweite div sich zeigt, wenn man mit der maus über den ersten fährt.

div#erster {  
		width:200px;  
		height:200px;  
		border:2px #000 solid;  
  
  
	}  
  
  
div#zweiter {  
		display:none;  
		width:200px;  
		height:200px;  
		border:2px #000 solid;  
		position:absolute;  
		top:50px;  
		left:400px;  
	}  
  
div#erster:hover div#zweiter {  
		display:block;  
	}

Dies funktioniert ja bestens wenn der html code wie folgt ausschaut, also wenn sich der zweite div (der mit hover effekt gesteuert werden soll) im ersten div befindet:

<div id="erster">  
  Text Text Bild  
  
 <div id="zweiter">  
  Text Text Bild  
 </div>  
  
</div>  

NUN ZUR FRAGE:

lässt sich der zweite div auch irgendwie per hover steuern, wenn er nicht im ersten div ist?

Beispielcode:

  
<div id="erster">  
  Text Text Bild  
</div>  
  
  
 <div id="zweiter">  
  text text Bild  
 </div>  

So wie der html code hier aussieht, funtioniert es leider nicht. Aber vielleicht mit ul oder span statt div oder, oder. Ich weiß, dass ich das mal irgendwie hingekriegt hab, weiß leider aber nicht mehr wie.
Vielleicht wisst ihr es aber. Hoffentlich.

Danke vorab!