Hover não esta cobrindo o que eu quero

[CrisRodrigues 1]

Olá, alguém para me ajudar, coloco o hover tudo ok más não esta cobrindo oque eu quero falta um canto segue o print e o código: o espaço em total da 177px e o hover tem 183px oque significa que o problema esta no código

 

#menu{
	position:absolute;
	margin-top:593px;
	margin-left: auto;
	margin-right: auto;
	height:50px;
	width:100%;
	float:none;
}
#menu ul{
	padding:0px;
	margin:0px;
	list-style: none;
	float:left;
	width:100%;
}
#menu ul li{
	width:160px;
	display:inline;
	text-align: center;
	font: 15px Keep Calm Medium;
	color:#FFFFFF;
}
#menu ul li a{
	width:100%;
	text-decoration: none;
	color:#FFFFFF;
	padding:37px;
}

.home:hover{
	color:#E8E8E8;
	width:100%;
	height:57px;
	background: url(../imagens/hover/hover1.png) center no-repeat;
	
}

.reg:hover{
	color:#E8E8E8;
	width:160px;
	height:40px;
	background: url(../imagens/hover/hover2.png) center no-repeat;
	
}

.down:hover{
	color:#E8E8E8;
	width:100%;
	height:57px;
	background: url(../imagens/hover/hover3.png) center no-repeat;
	
}

 

[Marlon Pacheco 132]

@CrisRodrigues, buenas.

 

Consegue postar o trecho do HTML do menu?

[CrisRodrigues 1]

1 hora atrás, Marlon Pacheco disse:

@CrisRodrigues, buenas.

 

Consegue postar o trecho do HTML do menu?

<div id="menu">
	<ul>
		<li><a href="#" class="a1">INICIO</a></li>
		<li><a href="registro.php" class="a1">REGISTRO</a></li>
		<li><a href="#" class="a1">DOWNLOAD</a></li>
		<li><a href="#" class="a1">CONTATO</a></li>
		<li><a href="#" class="a1">DOAÇÕES</a></li>
		<li><a href="#" class="a1">SERVIDOR</a></li>
		<li><a href="#" class="a1">PAINEL</a></li>
	</ul>
</div>

 

[Omar~ 87]

Primeiro troque isso "<div id="menu">" por "<div class="menu">"

 

Citar

.menu ul li .a1:hover {
    background-color: #ffffff
}

.menu ul li .a2:hover {
    background-color: #0080ff
}

E assim vai editando todos....

 

Citar

<div class="menu">
  <ul>
    <li><a href="#" class="a1">INICIO</a></li>
    <li><a href="registro.php" class="a2">REGISTRO</a></li>
    <li><a href="#" class="a3">DOWNLOAD</a></li>
    <li><a href="#" class="a4">CONTATO</a></li>
    <li><a href="#" class="a5">DOAÇÕES</a></li>
    <li><a href="#" class="a6">SERVIDOR</a></li>
    <li><a href="#" class="a7">PAINEL</a></li>
  </ul>
</div>