RollOver do menu com problemas

tenho essa mesma dúvida.

fazer menu em css..

eu faço.. mas o rollover fica "bugado" no explorer.

no chrome e no firefox fica perfeito.. e não uso nada de tabelas!

Aqui está o código

#menu {
 background-image:url(images/menu1.jpg);
 background-repeat: repeat-x;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 height: 30px;
 margin: 0;
	}

	#menu ul {
 list-style: none;
 padding: 0;
 margin-top: 10px;
 margin-bottom: 10px;
	}

	#menu li {display: inline;}

	#menu a {
 text-decoration: none;
 padding: 10px;
 color: black;
	}

	#menu a:hover {
 background-image:url(images/menu2.jpg);
 background-repeat: repeat-x;
 color: white;
 border: 1px solid gray;
	}
E outra, como alinho ele no centro? faço do jeito errado (vou no html e boto <div align="center" ... >

Obrigado, abraços!