Gracias por la respuesta, con el selector class ya funciona para todos los elementos. Aunque me acabo de dar cuenta de que realmente no está funcionando como quiero.
Estos son los divs que tengo:
Código:
<!--PRIMER BOX-->
<div id="box" class="box1">
<a href="images/im_portada1.png" rel="lightbox[portada]">
<div id="im_portada" style="background-image:url(images/im_portada1.png);"><div class="ampliar"><img src="images/img_ampliar.png" width="117" height="13" /></div></div></a>
</div>
<!--SEGUNDO BOX-->
<div id="box" class="box2">
<a href="images/im_portada1.png" rel="lightbox[portada]">
<div id="im_portada" style="background-image:url(images/im_portada1.png);"><div class="ampliar"><img src="images/img_ampliar.png" width="117" height="13" /></div></div></a>
</div>
<!--TERCER BOX-->
<div id="box" class="box3">
<a href="images/im_portada1.png" rel="lightbox[portada]">
<div id="im_portada" style="background-image:url(images/im_portada1.png);"><div class="ampliar"><img src="images/img_ampliar.png" width="117" height="13" /></div></div></a>
</div>
<!--CUARTO BOX-->
<div id="box" class="box4">
<a href="images/im_portada1.png" rel="lightbox[portada]">
<div id="im_portada" style="background-image:url(images/im_portada1.png);"><div class="ampliar"><img src="images/img_ampliar.png" width="117" height="13" /></div></div></a>
</div>
El problema es que ahora cuando situo el cursor sobre el primer marco me anima todos los demás. ¿Como puedo hacer la selección para no tener que repetir el mismo script 4 veces con diferentes id y class.?