Rodapé se move ao passar o mouse sobre os produtos.

Olá pessoal. Estou com a mesma duvida. Tentei o código:

.main{
    max-height: 510px;
    box-sizing:content-box;
}

e mesmo assim esse problema continua.

Aguardo resposta. Grato...

Pessoal boa noite,

Eu também notei esse comportamento e não gostei do efeito gerado. Consegui resolver fixando o tamanho da altura (height) do "li".

415px é o tamanho do "li" que estava no meu navegador, talvez esse valor mude dependendo do navegadores de vocês.

.produtos li {
    display: inline-block;
    text-align: center;
    width: 30%;
    height: 415px;
    vertical-align: top;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border: #000000 2px solid;
    border-radius: 10px;
}

Ótima solução, Rafael. Me sinto até bobo agora vendo como era algo tão simples.

O engraçado é que eu estava pensando justamente que seria um ajuste simples, mas não conseguia achar onde.

Muito obrigado pela sua resposta, funcionou perfeitamente, só mudei para 430.