Grazie mille!!!!
funziona!!!!
[html]
<head>
<style type="text/css">
div#navigation ul{
list-style-type: none;
margin: 0;
padding: 0
}
div#navigation li{float:left;
padding:0;
border: 0px solid #CCC
}
div#navigation a{
position:relative;
display:block;
height: 15px
}
div#navigation a span{
position:absolute;
width:100%;
height:100%;
cursor: pointer;
}
div#navigation a:hover span{
background-position: -97px 0;
}
div#navigation a#current span{
background-position: -194px 0;
}
li#one a{width: 40px}
li#two a{
width: 48px;
float:left;
padding-left:10px;
background:url(separatore.gif) no repeat left;
}
li#three a{
width: 67px;
float:left;
padding-left:10px;
background:url(separatore.gif) no repeat left;
}
li#four a{
width: 105px;
float:left;
padding-left:10px;
background:url(separatore.gif) no repeat left;
}
li#five a{
width: 47px;
float:left;
padding-left:10px;
background:url(separatore.gif) no repeat left;
}
li#six a{width: 63px;
float:left;
padding-left:10px;
background:url(separatore.gif) no repeat left;
}
li#one span{background: url("home.gif") no-repeat top left}
li#two span{background: url("band.gif") no-repeat top left}
li#three span{background: url("backline.gif") no-repeat top left}
li#four span{background: url("download.gif") no-repeat top left}
li#five span{background: url("live.gif") no-repeat top left}
li#six span{background: url("contacts.gif") no-repeat top left}
</style>
<style type="text/css" media="print">
div#navigation li a{display: inline;padding: 0.2em}
div#navigation a span{display: none}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<div id="navigation">
<ul>
<li id="one"><a href="home"><span></span></a></li>
<li id="two"><a href="band"><span></span></a></li>
<li id="three"><a href="backline"><span></span></a></li>
<li id="four"><a href="download"><span></span></a></li>
<li id="five"><a href="live"><span></span></a></li>
<li id="six"><a href="contacts"><span></span></a></li>
</ul>
</div>
</body>
</html>
[/html]