Hola a todos/as
estoy teniendo problemas para centrar una imagen con max-width: 100% en un <div>
el problema es que ese <div> tiene 20px de padding, y la imagen, cuando no tiene borde se queda centrada, pero si le añado 4px de borde, tiende a crecer hacia la derecha.
aqui os dejo una captura del problema, mirad los bordes rojos (lo de dentro es una imagen que pille al azar nada mas):
ya no se que hacer, parece que el borde no computa en el max-width o algo
saludos
[edit]
me falto añadir que una solucion "triste" ha sido darle a la imagen este estilo: margin-left: -4px;
pero no me convence nada.