il mio problema è semplicissimo da spiegare

ho un elenco che mi fa da menu orizzontale
due problemi uno che non mi rimane visualizzata la seconda img quando il link è active
l'altro che non riesco a centrare il menu ma mi rimane sempre a sinistra
ecco il codice
codice:
#tabbar {
  margin-left: auto;
margin-right: auto;
  width: 950px;
	padding-top: 4px;
	height: 35px !important;
	height: 39px;
	background-color: #ffffff;
	
}
#tabbar a {
float:none;
}


#tabbar li {
margin-top: 10px;
  float:left;
  height: 25px;
  margin-left: 4px;
  padding: 0;
}

#tabbar li a {
  display:block;
  line-height: 25px;
  height: 25px;
  background:url(../images/sc_tab_normal.png) no-repeat 0% 100%;
  width: 100px;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #535657;
  text-transform: uppercase;
}

#tabbar a:hover {
  background:url(../images/sc_tab_active.png) no-repeat 0% 100%;
  color: #ccc;
}
#tabbar a:active {
  background:url(../images/sc_tab_active.png) no-repeat 0% 100%;
  color: #ccc;
}

grazie a chiunque abbia un idea