allineamento submenu

[passasooz]

buongiorno a tutti ho un problema con i css del seguente menu

ho fatto un immagine per dare bene l'idea del mio problema è in allegato al messaggio...

il codice css relativo al menù è questo

.corpo #topmenu{
margin:0 auto;
width:100%;
list-style:none;
font-size:12px;
font-family:Verdana;
}

.corpo #submenu{
list-style:none;
}

.corpo #submenu li{
float:left;
clear:both;
}

.corpo #topmenu li{
float:left;
line-height:40px;
}

.corpo #topmenu li a{
color:#000000;
text-decoration:none;
background-color:#6495ED;
padding:4px;
border-radius:4px 4px 4px 4px;
border:1px solid #4169E1;
display:block;
}

.corpo #topmenu li:hover ul {
    display: block;
}

.corpo #submenu{
	position:absolute;
	display:none;
	z-index:999;
}

.corpo #submenu ul li a{
width:80px;
}

inoltre come potrete notare lo sfondo del div che contiene il menu è nero io invece avevo dato questo comando nel css

.corpo #topmenu div {
	background-color: #b0b0b0;
	padding: 0 10px 0 20px;
}

come mai non me lo colora?

infine vi mostro il codice html del menu (non si sa mai)

  <div id="topmenu">
    <ul id="topmenu">[*]HOME[*]GALLERY<ul id="submenu">[*]FOTO[*]VIDEO[/list][*]CHI SIAMO<ul id="submenu">[*]STORIA[*]COMPONENTI[/list][*]CONTATTI   [/list]
  </div>

infine volevo far visualizzare il menù al centro del div ma ho avuto scarsi risultati visto che me lo allinea sempre a sinistra


Spero che qualcuno riesca ad aiutarmi a capire questi piccoli errori e dove sbaglio, grazie mille in anticipo