Трабла с кнопками

Добрый день уважаемые вебмастера!

Не получается сделать, чтобы корректно отображались кнопки, помогите, пожалуйста:

Uploaded with ImageShack.us

Там где курсор-это кнопки, которые при наведении становятся ораньжевыми. Левая кнопка совсем пропадает(их должно быть 6-ть штук), текст на кнопках не выводится.

В коде это:

#menu {

overflow:hidden;

position:relative;

	height:63px;



}





#menu ul {

padding-top:0px;

font-size:0;

position:relative;

left:50%; 

clear:left;

float:left;

	

}



#menu li {

	

display:inline-block;

width:130px;

height:63px;

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

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 13pt; /* Размер шрифта в пунктах */ 

text-align:center;

position:relative;

right:50%;       

	

	

	}

#menu li a,

#menu li a:visited{

    text-decoration:none;

display: block;

height: 63px;

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

}





#menu li a:hover {

background: url(/images/kno.jpg) 0 -63px no-repeat;

}

В чем может быть причина?