Hola Luisa;
Cuando queremos definir el comportamiento de un elemento al pasar el ratón por encima tenemos que usar el "HOVER" para concretar el estilo en este evento. Pero además, si se trata de una imagen, tenemos que concretar que es un HOVER y una IMG.
Código:
.hoverbox.preview:hover
{
position:relative;
}
.hoverbox.preview:hover img
{
width:200px;
height:200px;
}
<ul class="hoverbox">
<li><a href="#" class="preview" ><img src="imagencualquiera.jpg" alt="Imagen1" title="Imagen1" /></a></li>
<li><a href="#" class="preview" ><img src="imagencualquiera.jpg" alt="Imagen2" title="Imagen2" /></a></li>
<li><a href="#" class="preview" ><img src="imagencualquiera.jpg" alt="Imagen3" title="Imagen3" /></a></li>
<li><a href="#" class="preview" ><img src="imagencualquiera.jpg" alt="Imagen4" title="Imagen4" /></a></li>
<li><a href="#" class="preview" ><img src="imagencualquiera.jpg" alt="Imagen5" title="Imagen5" /></a></li>
</ul>
Espero haberme explicado, un saludo.