Solucionado
Nesse exercício, ao configurarmos os elementos li no css, colocamos a instrução box-sizing: border-box. Com esta instrução, o documento passa a interpretar que a largura do elemento inclui o padding e as bordas. Seguindo esse raciocínio, quando declaramos no css da nossa imagem a instrução width: 100%, a imagem não deveria ignorar o padding, a borda e ocupar todo o espaço do elemento? Por que isso não acontece?
fala Eric,
Nesse caso a imagem irá seguir o "with interno do componente", por ex:
Se a div é de 100px X 100px com 10px em todas as bordas e paddings e box-sizing:border-box, o width do componente inteiro ocupará 100px, sendo 20px nas bordas, 20px nos padding e 60px internos, é nesse 60px que o 100% da img tomará como base.
Obrigado, Jefferson! As porcentagens, então, sempre considerarão o espaço interno do elemento pai. Entendido.