Un ejemplo mas claro...
Esto... me funciona... me cambia el background a verde:
Código HTML:
<html>
<head>
<style type="text/css">
.dentro, #enlace:hover {background:green}
</style>
</head>
<body>
<div>
<div style="width:399px; margin-bottom:10px;"><img src="camiseta01-detalle.jpg" onmouseover="document.getElementById('enlace').className='dentro'" onmouseout="document.getElementById('enlace').className=''" /></div>
<div style="height:28px; width:399px;" id="enlace">
<div style="float:left; wdith:150px; padding-top:3px;"><a href="#">Enlace</a></div>
<div style="float:right; width:30px; padding-top:3px;">33€</div>
</div>
</div>
</body>
</html> Pero este otro, no me cambia el background:
Código HTML:
<html>
<head>
<style type="text/css">
.dentro, #enlace:hover {background:green}
</style>
</head>
<body>
<div>
<div style="width:399px; margin-bottom:10px;"><img src="camiseta01-detalle.jpg" onmouseover="document.getElementById('enlace').className='dentro'" onmouseout="document.getElementById('enlace').className=''" /></div>
<div style="height:28px; width:399px; background:#f0f0f0;" id="enlace">
<div style="float:left; wdith:150px; padding-top:3px;"><a href="#">Enlace</a></div>
<div style="float:right; width:30px; padding-top:3px;">33€</div>
</div>
</div>
</body>
</html> La única diferencia es esta:
background:#f0f0f0;
alguna idea?