come da oggetto ho un problema con il margine sinistro delle voci di menù verticale in ie6/7

ho assegnato a ul li display:inline; ma non mi si risolve il problema

IL LINK: http://www.centrodanzaroyal.it

questo il css:

.menu-sopra {
background-image:url(immagini/bordo-menu.jpg);
width:166px;
height:16px;
margin:0; padding:0;
}

.menu-sotto {
background-image:url(immagini/sotto-menu.jpg);
background-repeat:no-repeat;
width:146px;
height:20px;
margin:0; padding:0;
}

.menu1 {width:146px;
height:254px;
background-image:url(immagini/sfondo-menu.jpg);
font-size:12px;
font-weight:bold;
text-align:left;

}


.menu1 ul{
list-style:none; /* elimino i punti elenco */
margin:0px; padding:0px; /* elimino i rientri delle liste */


}


.menu1 ul li a {

width:144px;
display:block;/* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */

padding-left:2px;
height:27px;line-height:27px; /* altezza del link: height e line-height devono avere il medesimo valore */
}

.menu1 li{display:inline;}
.menu1 ul{display:inline;} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/


.menu1 ul li a:link, .menu1 ul li a:visited {
background:#0664A3;
color: #C1E5FF;


} /* colori per il link */
.menu1 ul li a:hover, .menu1 ul li a:active {
background: #C1E5FF;
color:#0664A3;


} /* colori per l'effetto roll-over */



HTML:


<div class="menu-sopra"></div>
<div class="menu1">
<ul>[*]Centro Danza Royal[*]Eventi[*]Corsi
[/list]</div>
<div class="menu-sotto"></div>