ciao ragazzi ho un problema con un menu css che si vede male, ora vi do lo script, perfavore mi dite dove sta l'errore?

<ul id="menu">
<li id="current">home[*]chi siamo[*]prodotti[*]portfolio[*]contatti[/list]

<style>

ul#menu, ul#menu li {
list-style: none;
margin: 0;
line-height: 1.3;
}

ul#menu {
padding: 7px 0;
text-align: center;
border-bottom: 1px solid #ACACDC;
}

ul#menu li {
display: inline;
padding: 7px 7px 7px 0;
margin-left: 3px;
background: url(http://www.html.it/articoli/2248/screenshot2.png) no-repeat top right;
}

ul#menu a {
padding: 7px 0 7px 7px;
background: url(http://www.html.it/articoli/2248/screenshot2.png) no-repeat top left;
text-decoration: none;
color: #555;
}

ul#menu li#current, ul#menu li#current a {
background-image: url(http://www.html.it/articoli/2248/screenshot2.png);
border-bottom: 1px solid #FFF;
}

ul#menu li#current a, ul#menu li a:hover {
color: #003;
}

* html ul#menu li {
padding:0 4px 0 0;
} /* hack per IE5.5 e IE6 */

*:first-child+html ul#menu li {
padding:0 4px 0 0;
} /* hack per IE7 */





* html ul#menu li {
padding:0 4px 0 0;
} /* hack per IE5.5 e IE6 */

*:first-child+html ul#menu li {
padding:0 4px 0 0;
} /* hack per IE7 */



<!--[if lte IE 7]>
<style type="text/css">
ul#menu li{padding:0 4px 0 0}
</style>
<![endif]-->

</style>