rollover en varios divs a la vez

[dooplanillo]

Solucionado :)

CSS:

Código:

.leftSide {background:url(images/button.png) no-repeat left top; width:11px; height:19px; float:left;}
.rightSide {background:url(images/button.png) no-repeat right top; width:11px; height:19px; float:left;}
.contentButton {background:url(images/button.png) no-repeat left top; height:19px; background-position:-3px top; float:left;}
img{border:0;}
#button:hover span.leftSide, #button:focus span.leftSide{background-position:0 -19px;}
#button:hover span.contentButton, #button:focus span.contentButton{background-position:-3px -19px;}
#button:hover span.rightSide, #button:focus span.rightSide{background-position:right -19px;}
#button:active span.leftSide{background-position:0 -38px;}
#button:active span.contentButton{background-position:-3px -38px;}
#button:active span.rightSide{background-position:right -38px;}

HTML:

Código:

<a href="">
	<div id="button">
		<span class="leftSide"></span>
		<span class="contentButton"><img src="images/cancelEs.png" alt="Cancelar" /></span>
		<span class="rightSide"></span>
	</div>
</a>