Offline
Hi I am using a drop down menu and it only shows my "home" link and subscribe link when its hovered over and I do not see why can you help me out please?


Heres my HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<link href="../css/Bazarscenario.css" rel="stylesheet" type="text/css" />
<link href="../css/corners2.css" rel="stylesheet" type="text/css" />
<link href="../css/dropdown.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Bazaar Ceramics </title>

</head>
<body>

<div id="container">

<!--START CURVE CORNERS-->
<b class="xbottom"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>

<div class="xboxcontent">

<div id="top">


<div id="heading" align="center"><img src="../images/Bazaar_Ceramics.png" alt="Bazaar_Ceramics" width="450" height="150" />
</div>

<ul id="menu">


<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<li>
<!--<dl class="gallery">-->
<dl class="one"><dd><a href="index.php">Home</a></dd></dl></li>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->




<li>

<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">
<dt class="two"><a href="#">Company</a></dt>
<dd><a href="Company_Background.php">Back Ground</a></dd>
<dd><a href="job_descriptions.php">Job Descriptions</a></dd>
<dd><a href="organizational_chart.php">Organisational Chart</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">
<dt class="three"><a href="#">View Our</a></dt>
<dd><a href="cgi/catalogue.php">Catalogue</a></dd>
<dd><a href="The_Production _process.php">Production Process</a></dd>
<dd><a href="The_Design_Process.php">Desgin Process</a></dd>
<dd><a href="Technical_Requirements.php">Technical information</a></dd>
<dd><a href="Upcoming_exhibitions.php">Upcominge Exhibitions</a></dd>
<dd><a href="Pricing_Policy.php">Pricing Policy</a></dd>
<dd><a href="Site_map.php">Site Map</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>


<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<li>
<!--<dl class="gallery">-->
<dl class="four"><dd><a href="Customer_Mailing_List.php">Subscribe</a></dd></dl></li>
<!--</dl>-->
</ul>


<div id= "content">
<p>
<img src="../images/texts/Welcome.jpg" alt="Welcome" width="550" height="80" /> </p>

<p>
Welcome to Bazaar Ceramics

please feel to browse the site read up on our company view our products join our mailing list
Or just see what you can find.
</p>

<div id="blue_pot"><img src="../images/blue_pot3.png" alt="Blue_pot" width="301" height="383" />
</div

><div id="red_pot"><img src="../images/red_pot2.png" alt="Red_pot" width="350" height="350" />
</div>

<div id="sliver_pot"><img src="../images/sliver_pot3.png" alt="Silver_Pot" width="350" height="350" />

</div>

</div>

</div>

<div id="copyright">
<div align="right">&Shaun Colbeck 2009</div>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="21" width="68"/></a>
</p>
</div>

</div> <!-- CLOSE CONTENT BOX ANd CURVE CORNERS -->
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>

&?php
if ($visits > 1) {
echo "This is visit number $visits.";
} else { // First visit
echo 'Welcome to Bazaar!';
}
?&
</body>
</html>



Heres my CSS

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu {
list-style-type:none;
margin:50px 0 100px 15px;
padding:0;
}
#menu li {
float:left;
padding:0;
margin:0 1px 0 0;
width:130px;
height:3em;
z-index:100;
color:#FFF;

}
#menu li dl {
position:absolute;
top:0;
left:0;
}
#menu li a, #menu li a:visited {
text-decoration:none;
}
#menu li dd {
display:none;
}
#menu li:hover, #menu li a:hover {
border:0;
}
#menu li:hover dd, #menu li a:hover dd {
display:block;
}
#menu li:hover dl, #menu li a:hover dl {
padding-bottom:20px;
}
#menu table {
border-collapse:collapse;
padding:0;
margin:-1px;
font-size:2em;
}
#menu dl {
width: 150px;
margin: 0;
padding: 0;
background: #000;
text-align:center;
cursor:pointer;
}
#menu dt {
margin:0;
padding:5px;
font-size: 1.1em;
color:#000;
border-bottom:1px solid #444;
}
#menu .one {
background: #000;
color:#FFF;

}
#menu .two {
background: #000;
}
#menu .three {
background: #000;
}
#menu .four {
background: #000;
color:#FFF;
}
#menu dd {
margin:0;
padding:0;
color: #000;
font-size: 1em;
background:#000;
text-align:left;
}
#menu dd.last {
border-bottom:1px solid #000;
}
.gallery dt a, .gallery dt a:visited {
display:block;
color:#fff;
}

li a:visited {
display:block;
color:#fff;
}
.gallery dd a, .gallery dd a:visited {
color:#fff;
text-decoration:none;
display:block;
padding:4px 5px 4px 20px;
background: #000;
width:125px;
}
.gallery dd a:hover {
background:#;
color:#fff;
}
li a:hover {
display:block;
color:#fff;
}