Como inclinar o elemento, mas manter o texto normal (sem distorção)

É possível reproduzir esta imagem usando apenas CSS?

Quero aplicar isso ao meu menu, para que o plano de fundo marrom apareçahover instância

Eu não sei como fazer isso, só tenho;

.menu li a:hover{
     display:block;
     background:#1a0000;
     padding:6px 4px;
}