Hover Text

Guten Tag,

ich habe da eine Kleine Frage zu meinem CSS und HTML Code.

Ich möchte gerne beim Hovern über ein Bild einen Text anzeigen lassen.

Dies klappt jedoch nicht so ganz, eventuell jemand da der mir da behilflich sein könnte?

Mein HTML Schnipsel:

<div class="leitung"><br />
      <p>Server Leitung</p>
    <img src="img/GleichZeitig.png" alt="" border="0"  ><br /><br />
    <p class="geheim">TEST</p>
  </div><br /><br /><br />

Mein CSS Schnipsel:

.geheim {
  display: none;
}

.leitung img:hover > .geheim {
  display: block;
}

Hoffe mir kann da jemand weiterhelfen.

Gruß!

Vielen Dank für die Antwort.

Musste den Code leider nochmal etwas ändern.

Der Code sieht jetzt so aus:

<div class="leitung"><br />
      <p>Server Leitung</p>
    <img src="img/GleichZeitig.png" alt="" border="0"  ><br /><br /></div>
    <p class="geheim">GleichZeitig_YT</p>
   <br /><br /><br />

Wie mache ich das jetzt? Ich habe den "div" bereits vorher abgebrochen, da sonst das Design übernommen wird was ich nicht möchte.

Gruß!