Main practice keliye aik navigation bar per kaam ker raha hun. Jis ke kisi bhi link per jab mouse rakha jaey tu nichey usska description aajata hai.
masla ye hai kh pehley link ke siwa kisi link ka description show nahi ho raha.

Please mujhey bataen kh script main kahan per ghalti hai.
Main 2 ghantay se laga hua hun lekin samajh nahi aarha.

HTML 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\\\" xml:lang=\\\"en\\\" lang=\\\"en\\\">
<head>
<title>My Work 3</title>
<meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html; charset=UTF-8\\\">
<meta http-equiv=\\\"Content-Style-Type\\\" content=\\\"text/css\\\">
<meta http-equiv=\\\"Content-Script-Type\\\" content=\\\"text/javascript\\\">
<style type=\\\"text/css\\\">
<!--
#navcontainer {
    width:180px;
    padding:6px;
    border:1px solid #194977;
    background-color:#6180a0;
    float:left;
}
#navlist { 
   color:#fff;
   background-color:#73aaa4;
   padding:0 0 8px 0;
   width:179px;
   height:220px;
   font:normal 0.8em verdana, sans-serif;
}
.head {
   height:25px;
   border:0;
   text-align:center;
   font-weight:bold;
}
#navlist li {
   position:relative;  
   list-style:none;
   font-size: 1em;
   font-weight:bold;
}
#navlist a {
   display:block;
   text-decoration:none;
   margin-bottom:0.5em;
   margin-top:0.5em;
   color:#000;
   text-align:center;
   background-color:#0dc;
   border-width:1px;
   border-style:solid;
   border-color:#2dc #3dc #4dc #5dc;
   border-left:1em solid #39c;
   padding:0.25em 0.5em 0.4em 0.75em;
}
#navlist a span {
   display:none;
}
#navlist a:hover {
   background: #ff0000;
   border-color: #fff #fff #fff #0dc;
   padding: 0.4em 0.35em 0.25em 0.9em;
}
#link1 a:hover span {   
   display:block;
   position:absolute;
   padding:10px;
   color:#fff;
   font:12px verdana,sans-serif; 
   text-align:justify;
}

#link1 a:hover span {   
   top:160px;
   left:0; 
}

#link2 a:hover span { 
   top:95px; 
   left:0; 
}

#link3 a:hover span { 
   top:70px; 
   left:0; 
}

#link4 a:hover span { 
   top:45px; 
   left:0; 
}

#link5 a:hover span { 
   top:20px; 
   left:0; 
}
#navlist a:active {
    background-color:#17a;
    border-color:#069 #6cf #5bd white;
    padding:0.4em 0.35em 0.25em 0.9em;
}
-->
</style>
</head>
<body>
<div id=\\\"navcontainer\\\">
<ul id=\\\"navlist\\\">
<li class=\\\"head\\\">Navigations</li>

<li id=\\\"link1\\\"><a href=\\\"#\\\">
Link 01
<span>Description about link#1</span>
</a></li>

<li id=\\\"link2\\\"><a href=\\\"#\\\">
Link 02
<span>Description about link#2</span>
</a></li>

<li id=\\\"link3\\\"><a href=\\\"#\\\">
Link 03
<span>Description about link#3</span>
</a></li>

<li id=\\\"link4\\\"><a href=\\\"#\\\">
Link 04
<span>Description about link#4</span>
</a></li>

<li id=\\\"link5\\\"><a href=\\\"#\\\">
Link 05
<span>Description about link#5</span>
</a></li>
	</ul>
</div>
</body>
</html>