this is my Menu code and it is not showing submenu items tell me kindly whats the issue?
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication4.Site1" %>
<!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 runat="server">
<link href="Styles/menu.css" rel="stylesheet" type="text/css" runat="server"/>
<title>Menu</title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('li').hover(function(){
$(this).find('ul>li').stop().fadeToggle(200);
});
});
</script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
.style5
{
width: 100%;
}
.style6
{
height: 545px;
}
.style7
{
height: 66px;
}
#TextArea1
{
height: 78px;
}
.style8
{
text-align: center;
}
</style>
</head>
<body style="height: 333px">
<form id="form1" runat="server">
<h1 class="style8">Menu</h1>
<div> <ul>
<li><a href="">HomePage</a></li>
<li><a href="">class schedule</a></li>
<li><a href="">syllabus</a>
<ul>
<li><a href="">subjects</a></li>
<li><a href="">books</a></li>
<li><a href="">course detail</a></li>
</ul></li>
<li><a href="">assignments</a></li>
<li><a href="">fee record</a></li>
<li><a href="">faculty info</a></li>
<li><a href="">class teacher info</a></li>
<li><a href="">examinations</a>
<ul>
<li><a href="">schedule</a></li>
<li><a href="">results</a></li>
</ul></li>
<li><a href="">Holidays info</a></li>
</ul>
</div>