Menu dropdown: vazando

[adhenrique 0]

Galera, boa tarde.

Dessa vez eu quebrei a cabeça, mas não sei a onde estou errando.

Veja meu exemplo aqui: http://fiddle.jshell.net/cms63298/

 

É simples minha questão: Pq quando avanço os LI's do submenu, ele vaza do outro lado?

E já tentei tanto com margin como com padding.

Avançar em Left e recuar em Right, tbm não funcionou hahahaha

 

Podem me ajudar por favor?

[William Bruno 1501]

Tira o width: 100% de .menu > ul > li > a

[WictorP 9]

Em .menu > ul > li > a adicione box-sizing: border-box;

 

O seu problema ocorre pelo padding que colocou, oque faz ele alterar o tamanho da div, o box-sizing: border-box; faz com que o padding funcione mas não altere no tamanho da div.