Erro com links integrados em botoes

Gente eu nao sei o que está errado, segue o site para analise:

http://www.sociedadeinclusiva.pucminas.br/Novapasta/index.php

O erro é sobre os links nao estou conseguindo arruma-los e coloca-los do tamanho que eu quero. Podem me ajudar por favor ?

Codigo CSS:

@charset "utf-8";
/ CSS Document /
*{

 margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 list-style: none;
 font-style: normal;

}

body{

 cursor:url("img/cursor.png"),default;
	min-width: 735px;
 padding: 10px;

}

#global{
 /*width:800px; /* se tirar essa linha vira layout fluido*/
	border:1px solid gray;
	margin:0 auto;
}

#logo{
 border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;

	height:110px;
	width:99.9%;

	float:left;
	background-color:#000000;
}

#menu{
 border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;

	height:94px;
	width:99.9%;

	float:left;
	background-color:#000000;

}

#menu ul{

 list-style:none;
}

#menu ul li{

 display:inline;
	padding-right:30px;

}

#menu ul li a{

 margin-left:55px;
	/*color:#000000;*/
}

#menu ul li a:hover{

 cursor:url("img/hand1.png"),default;

}

#um a{

 background:url(img/botoes/Home.png) no-repeat;
	text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#um a:hover{

 background:url(img/botoes/Home_over.png) no-repeat;
	text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#dois a{

 background:url(img/botoes/Sobremim.png) no-repeat;
 text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#dois a:hover{

 background:url(img/botoes/Sobremim_over.png) no-repeat;
 text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#tres a{

 background:url(img/botoes/Servicos.png) no-repeat;
 text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#tres a:hover{

 background:url(img/botoes/Servicos_over.png) no-repeat;
 text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#quatro a{

 background:url(img/botoes/Contato.png) no-repeat;
 text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#quatro a:hover{

 background:url(img/botoes/Contato_over.png) no-repeat;
 text-decoration:none;
	height:61px;
	width:166px;
	float:left;

}

#centro{
 border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;

	height:387px;
	width:99.9%;

	float:left;
	background-color:#999999;
}

Codigo HTML (do menu):

<ul>
	<li id="um"><a href="index.php" alt="Home"></a></li>
	<li id="dois"><a href="sobre.php" alt="Sobre mim"></a></li>
	<li id="tres"><a href="servicos.php" alt="Serviços"></a></li>
	<li id="quatro"><a href="contato.php" alt="Contato"></a></li>

</ul>

Podem me ajudar por favor ? É com urgencia ...

Muito obrigado gente, e desculpe o incomodo!