Code
<style type=text/css>
ul#menu {
margin:0;
padding:0;
list-style-type:none;
display:block;
width:195px;
height:186px;
background:url('http://i037.radikal.ru/0801/c8/8d82625d6ac2.png') no-repeat left top;
text-align:right;
}
ul#menu a {
display:block;
width:195px;
height:31px;
}
ul#menu a {
display:block;
width:195px;
height:31px;
}
ul#menu a.1 {
background:url('http://i042.radikal.ru/0801/d4/090760977ff9.png');
}
ul#menu a.2 {
background:url('http://i032.radikal.ru/0801/13/c5c7cf303bf0.png');
}
ul#menu a.3 {
background:url('http://i012.radikal.ru/0801/f7/33acfd723a15.png');
}
ul#menu a.4 {
background:url('http://i010.radikal.ru/0801/21/542e782e08c3.png');
}
ul#menu a.5 {
background:url('http://i010.radikal.ru/0801/59/1963e2584359.png');
}
ul#menu a.6 {
background:url('http://i009.radikal.ru/0801/a9/f402eeba0207.png');
}
ul#menu a:hover {
background:none;
}
ul#menu li{
display:inline;
}
ul#menu img {
border:0;padding:0;margin:0;
}
</style>
<ul id="menu">
<li><a class=1 href="D:\Web\!!!Interactive\Menu Script + CSS\3\Menu3.html"></a></li>
<li><a class=2 href="#2"></a></li>
<li><a class=3 href="#3"></a></li>
<li><a class=4 href="#4"></a></li>
<li><a class=5 href="#4"></a></li>
<li><a class=6 href="#4"></a></li>
</ul>
<script type="text/javascript" language="JavaScript">
var loc=location.href
var a=document.getElementById('menu').getElementsByTagName('a')
var aHref=new Array()
var num=parseInt(a.length)-1
for (var i=num;i>=0;i--) {
var Href=a[i].href
if (loc.indexOf(Href)==-1) {
continue
}else{
a[i].style.backgroundImage='none'
break}
}
</script>