ayuda para centrar backgrouns horizontalmente

[chuntin]

hola buenas, mi problema es que tengo una capa con un background puesto en css en .interior y ahora sobre este fondo (que es una imagen), tengo otras imagenes como fondo en .interior .principal li . estas imagenes son botones y quiero que el conjunto de los botones me quede centrado en la capa. pongo imagen para ilustrar y codigo para que veais como lo tengo.

Código HTML:

.interior .principal{
	height:33px;
	margin: 0px;
	padding: 0px;
}
.interior .principal li{
	margin: 0px;
	padding: 0px;
	float:left;
	list-style-type: none;
	position:relative;
	height:33;
}
.interior .principal li a{
	display: block;
	display:inherit;
	height: 33px;
}



.interior .principal li a span{display:none;}
.interior .principal li a:hover{
	background-position: 0px -33px;
}
.interior .principal li a#catalogo{
	background-image: url(theme/menu/menu_01.png);
	width: 95px;
}
.interior .principal li a#novedades{
	background-image: url(theme/menu/menu_02.png);
	width: 107px;
}
.interior .principal li a#ofertas{
	background-image: url(theme/menu/menu_03.png);
	width: 107px;
}
.interior .principal li a#mi_cuenta{
	background-image: url(theme/menu/menu_04.png);
	width: 107px;
}
.interior .principal li a#registrarse{
	background-image: url(theme/menu/menu_05.png);
	width: 107px;
}
.interior .principal li a#empresa{
	background-image: url(theme/menu/menu_06.png);
	width: 150px;
}
.interior .principal li a#informacion{
	background-image: url(theme/menu/menu_07.png);
	width: 117px;
}
/*.interior .principal li a#blog{
	background-image: url(theme/menu/menu_08.png);
	width: 101px;
}*/
.interior .principal li a#contactar{
	background-image: url(theme/menu/menu_09.png);
	width: 105px;
}

Gracias por su ayuda de antemano