View Full Version : Drop down menu works in firefox, not in IE

10-22-2006, 11:31 PM
Please view the menu in both browsers here:

The css behind this is:

#menu, #menu ul {
list-style: none;
margin: 0;
padding: 0;
#menu li {
background-color: #554d4a;
color: inherit;
float: left;
position: relative;
width: 5.5em;
#menu a {
background-color: #554d4a;
border: 1px solid black;
color: #FFF;
display: block;
font: bold 10px Verdana, Arial, sans-serif;
padding: 2px;
text-align: center;
text-decoration: none;
width: 100%:
#menu a:hover {
background-color: #faf5bb;
border: 1px solid #f58d8c;
color: #3CF;
#menu ul {
background-color: #444;
visibility: hidden;
position: absolute;
#menu ul li {
clear: left;
display: block;
#menu li:hover ul, #menu li.menuHover ul {
visibility: visible;

and the html is:

<tr class="headerNavigation">
<script type="text/javascript" src="enjuba.com/navigation.js"></script>
<ul id="menu">
<li><a href="/">Home</a> </li>
<li><a href="/clothing-tops-c-21_24.html">Tops</a></li>
<li><a href="/clothing-bottoms-c-21_25.html">Bottoms</a></li>
<li><a href="/accessories-jewelry-c-22_26.html">Jewelry</a></li>
<li><a href="/accessories-bags-c-22_27.html">Bags</a></li>
<li><a href="/accessories-wallets-c-22_29.html">Walletts</a></li>
<li><a href="/shoes-c-23.html">Shoes</a></li>
<li><a href="/aboutus.php">About Us</a>
<li><a href="/artisans.php">Our Artisans</a></li>
<li><a href="http://enjuba.org">enjuba.org</a>
<li><a href="/plans.php">Plans</a></li>
Thanks in advance for any help!

10-23-2006, 04:06 PM
Try putting this in your head:
<script type="text/javascript" src="enjuba.com/navigation.js"></script>

10-23-2006, 04:30 PM
And if that doesn't work try to put http:// before the url in the src attribute. ;)