Подскажите пожалуйста как поменять вот этот код : шаблон
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:0; margin:0; padding:48px 0 0 0;
background:url(img/topnav-bg.gif) repeat-x left top
}
ul, li {border:0; padding:0; margin:0; list-style:none;}
#navigation{
background:url(img/nav-bg.gif) repeat-x;
height:64px;
position:relative
}
#navigation ul li{
line-height:32px;
display:inline
}
#navigation ul li a, #navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 20px;
text-decoration:none;
color:#4261df;
font-weight:bold
}
#navigation ul li ul{
position:absolute;
left:0;
top:32px;
height:30px;
width:100%;
background:#888888 url(img/sublink.gif);
font-size:11px
}
#navigation ul li li{
height:30px;
line-height:30px;
}
#navigation ul li li a, #navigation ul li li a:visited {
padding:0 20px;
display:block;
float:left;
color:#fff
}
#navigation ul li li a:hover{
text-decoration:underline
}
#s2, #s3{
display:none
}
</style>
<script type="text/javascript">
function showsubmenu(id){
submenu=document.getElementById('s'+id);
for(i=1;i<=3;i++){
if(i==id){
submenu.style.display="block";
} else{
document.getElementById('s'+i).style.display="none";
}
}
}
</script>
</head>
<body>
<div id="navigation">
<ul id="menu">
<li><a href="#" title="" onmouseover="javascript:showsubmenu(1)">Главная</a>
<ul id="s1">
<li class="m"><a class="m" href="http://www.parkourabakan.org.ru/">News</a>
<li class="m"><a class="m" href="http://parkourabakan.org.ru/index/0-95">Traning</a>
<li class="m"><a class="m" href="http://parkourabakan.org.ru/index/0-86">About sait</a>
</ul>
</li>
<li><a href="#" title="" onmouseover="javascript:showsubmenu(2)">Media</a>
<ul id="s2">
<li class="m"><a class="m" href="http://parkourabakan.org.ru/index/0-78">Gallery</a>
<li class="m"><a class="m" href="http://www.parkourabakan.org.ru/index/0-42">Videosaver</a>
<li class="m"><a class="m" href="http://parkourabakan.org.ru/index/0-82">mp3 player</a>
<li class="m"><a class="m" href="http://parkourabakan.org.ru/media/?t=draw;h=1">Graffiti</a>
</ul>
</li>
<li><a href="#" title="" onmouseover="javascript:showsubmenu(3)">Konowledge</a>
<ul id="s3">
<li class="m"><a class="m" href="http://www.parkourabakan.org.ru/index/0-98forum">Parkour ?</a>
<li class="m"><a class="m" href="http://parkourabakan.org.ru/forum/18-118-1">David Bell</a>
<li class="m"><a class="m" href="http://parkourabakan.org.ru/forum/18-113-1">Philosofia parkour</a>
<li class="m"><a class="m" href="http://parkourabakan.org.ru/forum/18-112-1">Bad - tracers</a>
</ul>
</li>
<li><a href="http://www.parkourabakan.org.ru/forum" title="" onmouseover="javascript:showsubmenu(3)"Forum"</a>
</ul>
<li class="m"><a class="m" href="">Forum</a></li>
<li class="m"><a class="m" href="http://www.parkourabakan.org.ru/index/0-102">Comunication</a></li>
</li>
</div>
</body>
</html> [code]
Так чтобы , выпадающие кнопки меню были прозрачны , как тут ?