Mal en navegador, bien en dreamweaver

[jotirp]

Hola, tengo un problema en mi pagina web que estoy haciendo. Y es que tengo una galeria de fotos en las que las fotos se ven en un cuadrado pequeño y al pulsarlo se ve en otro cuadrado grante y mi problema esta en que en el cuadrado pequeño se ve la imagen super aumentada y en el cuadrado grande se ve como quiero que se vea ajustada al cuadrado. Pero por mucho que ajuste el cuadrado pequeño la foto se ve aumentada, pero lo que mas me mosquea es que "en vivo" de Dreamweaver se ve bien ajustada por el estilo que le he dado pero luego al abrirla en los navegadores se ve aumentada y nose porque.

En los dos cuadrados tengo puesto: "style="width: 100%;height: 100%" para que se ajusten pero solo me lo hace el grande el pequeño se ve la foto aumentada.
Las fotos tienen una resolucion bastante grande pero si en el cuadrado grande se me ve bien porque en el cuadrado pequeño se ve aumentado y no entra y en dreamweaver si se ve bien.