[Resolvido] Menu vertical "anda" ao usar o hover

Peguei esse modelo de menu vertical http://www.freecsstemplates.org/preview/terrafirma2

só que eu quero no meu menu, qdo eu passar com o mouse fazer aquele "display: block" (mais ou menos como ta o home)

só que nas modificações que fiz eu consegui inserir o block mas as palavras do meu "andam" pra frente

eu acho q ele ta aplicando duas vezes o padding por isso ta indo pra frente o texto, mas não to achando como deixar fixo o texto e colocar o block nas laterais.

olhem o código

#menu {
	height: 76px;
	background: url(images/bg04.jpg) no-repeat 0 -211px;
}

#menu ul {

	height: 67px;
	margin: 0 25px;
	padding: 9px 0 0 14px;
	background: url(images/bg05.jpg);
	list-style: none;
	line-height: 1;
}

#menu li {

	float: left;
	height: 35px;
	padding: 15px 20px 0 20px;
}

#menu li.active {

	background: url(images/bg06.jpg) no-repeat;
}

#menu a {

	text-transform: lowercase;
	text-decoration: none;
	font-size: 18px;
	color: #FFFFFF;
}

#menu a:hover {

	padding: 10px;
	background-color:#33FF00;
	text-decoration: underline;
}