
a: hover span not working properly
Hello!
The hover effect is not done properly, the span element does not change the background color when you hover on the anchor. Any suggestions?
Code:
<html>
<head>
<title>Prueba</title>
<style type="text/css">
#p
{
background-color: red;
}
#p span
{
background-color: #777777;
color: #FFFFFF;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
behavior: url("theme/web/css/PIE.htc");
}
#p:hover span
{
background-color: #000000;
}
</style>
</head>
<body>
<a id="p"><span>2</span> DEMO</a>
</body>
</html>
Thank you so much!
PS: I'm Spanish, sorry my bad English