Merius: Div Hover funktioniert nicht

Beitrag lesen

Folgendes: Wenn ich über das Div, der Klasse h_sword fahre soll das Div versteckt werden, ansonsten soll es angezeigt werden.
Wenn ich über das Div fahre passiert aber leider gar nichts, ich denke dass es ein Syntax Problem ist aber ich finde die richtige Lösung einfach nicht :/

Ich habe folgende style Information:

  
  <style type="text/css" media="screen">  
   div.h_sword:hover {visibility:hidden;}  
  </style>

Das Div sieht so aus:

  
        <div style='width:400px; height:438px; background-image:url(show01.JPG); border:3px solid silver; margin-left:auto; margin-right:auto; position:relative;'>  
  
         <div class="h_sword" style='width:32px; height:148px; background-image:url(highlite_sword.JPG); visibility:visible; position:absolute; left:14px; top:3px;'>  
         </div>  
  
        </div>