Hello, I have a website that has a CSS menu with drop down menus. Every works fine in every other browser, except IE. The menu shows up, but they don't drop down to show the submenu.

The website is: http://jerbearentertainment.com

Thanks for any help with this,
Jeremy

REFERENCE:
Here is my menu code on the page:
<div class="menu">
<ul>
<li><a href="index.html" >Home</a></li>
<li><a href="#" id="current">Services</a>
<ul>
<li><a href="weddings.html">Wedding</a></li>

<li><a href="school.html">Schools</a></li>
<li><a href="karaoke.html">Karaoke</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#">Contact</a>

<ul>
<li><a href="availability.html">Availability</a></li>
<li><a href="availability.html">Payment Options</a></li>
<li><a href="faq.html">FAQ's</a></li>
<li><a href="availability.html">Contact Us</a></li>
</ul>
</li>

</ul>
</div>

And here is my css file for the menu:

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #2580a2 url("images/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;

}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;

}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}

I don't know if this is the reason, but I noticed that your source code does not have a doc type declaration.

Yep, the missing doctype kills the menu in IE. Also, take a look at the following thread or it still won't work in IE 6, even with a doctype.

https://www.coffeecup.com/forums/websit … -problems/

Thanks for the info!! I added the doc type and it works like a charm. Not sure how I missed that, but thanks again!!

Jeremy