"visibility: visible" will nicht recht

[juewi]

Hallo!

Will hier (am rechten Rand des unteren grauen Balkens) meinen Counter nur bei Hover anzeigen lassen. Funktioniert aber mit nachfolgendem Code nicht. UMGEKEHRT, also zuerst visible und bei hover hidden funktioniert aber! Wie das?

  
#counter {  
float: right;  
margin-top: -15px;  
margin-right: 5px;  
visibility: hidden;  
}  
#counter:hover {  
visibility: visible;  
}  

  
<div id="counter">  
hier der counter  
</div>