Thanks Fernando!
Okay so here is the HTML code:
<div id="menu">
<ul>
<li><a href="about.html"><h2>About</h2></a></li>
<ul>
<li><a href="who_we_are.html">Who We Are</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</ul>
And here is the CSS:
#menu {
width:100%
background: #eee;
float:right;
position: relative;
top: 147px;
}
#menu ul {
list-style: none;
padding:0;
width:4.75em;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px Arial, Helvetica, sans-serif;
margin: 0;
padding: 2px 10px;
display: block;
}
#menu h2 {
color: #FFCC66;
text-transform: uppercase;
text-align: center;
font-weight: bold;
border-top: 2px groove #990000;
border-bottom: 2px groove #990000;
}
#menu a {
color: #FFCC66;
background: #660000;
text-decoration:none;
}
#menu a:hover {
color: #a00;
background: #E8B973;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
.clearFloat {
clear: left;
}
Any idea why my drop downs won’t reveal? They hide just fine. I am not developing w/ IE.
I welcome any advice!
Thx! Sharon