My dropdown menu is not appearing, can someone please help me? It should display under "Interno," but when I click on it, nothing shows up! I found this menu online and tried to implement it, but it seems like I am doing something wrong. For the full project code (which is too long), visit: here
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>San Cataldo Cathedral Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="asubtleorange.css" />
<link rel="stylesheet" href="stili/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="stili/style.css" type="text/css" media="screen" />
</head>
<body>
<div id="page">
<div id="header">
<div class="title">SAN CATALDO CATHEDRAL</div>
</div>
<div id="bar">
<div class="menuLink"><a href="index.html">Home</a></div>
<div class="menuLink"><a href="storia.html">History</a></div>
<div class="menuLink"><a href="esterno.php">Exterior</a></div>
<div class="menuLink"><a href="#">Interior</a>
<ul class="sub-menu">
<li><a href="#">In Cinemas Now</a></li>
<li><a href="#">Coming Soon</a></li>
<li><a href="#">On DVD/Blu-ray</a></li>
<li><a href="#">Showtimes & Tickets</a></li>
</ul>
</div>
</div>
<div id="pageContent">
<div class="articleTitle">The Exterior of the Cathedral</div>
<div class="articleContent">
<div class="item-page" style="text-align:center;">
<div id="slider" class="nivoSlider" style="margin:auto;">
...
...
.css
/*============================*/
/*=== Slider Styles ===*/
/*============================*/
#slider {
border: 0px solid #333;
width:640px;
height:427px;
margin:40px auto;
background:url(../images/loading.gif) no-repeat 50% 50%;
}
...
...