El problema no es que se deformen las imágenes, sino que salen con su tamaño original debido a que tienes un error en el código HTML, falta un espacio por ahí. Ocurre que no lo ves porque tienes el contenido que sobresale oculto. Solucionando esa falta de espacio debería de verse como en el Dreamweaver (aunque cabe decir que el error es del visor de Dreamweaver, ya que eso así está mal y por eso en un navegador de verdad no se ve así).
Adicionalmente no estaría de más que para otra vez publicaras un código
ordenado y también hicieras uso de la opción
highlight. Es para ayudar a quien te ayuda.
Lo de quitar el
display: block; aparte de ser una chorrada no tienen ninguna validez técnica.