Problema visualización de mi menú

[Azer]

Hola gente de forosdelweb! Espero que estén bien. Realizo mi segundo post porque me surgio otro inconveniente con mi primer web que estoy desarrollando en html y css.

Mi problema es que cuando chequeo el menú de mi web desde el index.html alojado en mi pc, puedo observar el efecto que busco. Pero a la hora de ver mi web alojada en un hosting me encuentro con que cuando posiciono mi cursor arriba de cada botón de mi navbar este antes se pone del color azul de fondo que se encuentra atras. Tambien note que el logo de facebook al posicionarse ensima de el primero desaparece y luego muestra la imagen que debería tener.

Les dejo [URL="http://transmisionespares.webatu.com/"]mi web[/URL]. Perdón por la lentitud, la estoy probando desde un hosting gratutito. (espero que esté bien colocado, si no es así comenten debajo por favor)
(No puede insertar correctamente el enlace)

Adjunto mi porcion de código css:

Código HTML:

/***********NAVBAR***********/

.separador{
	background-color:#15075e;
	height:1px;	
	width:588px;
	margin-left:372px;
	margin-top:0px;
	margin-bottom:0px;
}

.navbar{
	height:35px;
	width:960px;
	background:url(images/navbar.png)
}

.navbar ul{
	padding-top:0px;
	margin-left:0px;
}

.navbar ul li{
	float:left;
	font-family:arial;
	margin-left:5px;
	background:url(images/botnavlink.png) no-repeat;
}

.navbar ul li:hover{
	background:url(images/botnavhover.png) no-repeat;
}

.navbar ul li:active{
	background:url(images/botnavhover.png) no-repeat;
}

.navbar ul li h4{
	height:26px;
	width:88px;
	padding:4px 0px 0px 0px;
	margin:auto;
	color:#000;
	text-align:center;
	font-size:14px;
}

.navbar ul li a{
	display:block;
	width:88px;
	height:26px;
}

.navbar ul li h4 a:link{
	color:#000;
}

.navbar ul li h4 a:hover{
	color:#999 !important;
}

.navbar ul li h4 a:active{
	color:#fff !important;
}

.navbar ul li h4 a:visited{
	color:#000;
}

.logofacebook a{
	width:24px;
	height:24px;
	float:right;
	margin-top:18px;
	margin-right:10px;
	background:url(images/logfaceest.png);
}

.logofacebook a:hover{
	background:url(images/logfacehov.png);
}

/***********FINAL NAVBAR***********/

Cual puede ser el problema? Aparentemente no es el hosting gratuito (llegue a pensar que era por la lentitud de carga) ya que también lo probé con uno pago y ocurre lo mismo.
Ojala puedan ayudarme, muchisimas gracias y que tengan un buen dia!