mehrer SPANs in a-Tag

[MarkusK]

Hallo zusammen,

ich hab ein kleines Problem. Ich hab folgende Konstellation:

Einen Link:

  
<a href="#" class="link">  
	<span class="normal">Unser Werdegang</span>  
	<span class="hover">und ab...</span>  
	<span class="active">hilfe und weg</span>  
</a>  

Und das CSS dazu

  
.link {  
	width: 105px;  
	height: 30px;  
	color: yellow;  
	background-color:  	#e0321f;  
	text-decoration:none;  
	display:block;  
	font-size: 12px;  
	text-align:center;  
	margin-bottom: 5px;  
	padding: 5px;	  
	border-top: 3px solid  #f94b38;  
	border-left: 3px solid  #f94b38;  
	border-bottom: 3px solid  #c71906;  
	border-right: 3px solid  #c71906;  
}  
  
.link span.normal {  
	display:block;  
}  
  
.link span.hover {  
	display:none;  
}  
  
.link span.active {  
	display:none;  
}  
  
  
.link:hover span.normal {  
	display:none;  
}  
  
.link:hover span.active {  
	display:none;  
}  
  
  
.link:hover span.hover {  
	display:block;  
}  
  
  
.link:active span.normal {  
	display:none;  
}  
  
.link:active span.active {  
	display:block;  
}  
  
  
.link:active span.hover {  
	display:none;  
}  
  
  
.link:hover {  
	  
	border-top:    3px solid  #ff6451;  
	border-left:   3px solid  #ff6451;  
	border-bottom: 3px solid  #ae0000;  
	border-right:  3px solid  #ae0000;  
}  

Das ganze funktioniert auch soweit in allen Browsern, nur nicht im Firefox.
Der Firefox zeigt den Link in der Statusleiste an, aber der Klick geht nicht.

Hat jemand von euch eine Idee warum nicht?

Danke & Gruß

Markus