...

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



enjuba
10-22-2006, 10:31 PM
Please view the menu in both browsers here:
http://enjuba.com/index.php

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">
<td>
<script type="text/javascript" src="enjuba.com/navigation.js"></script>
<ul id="menu">
<li><a href="/">Home</a> </li>
<li><a>Clothing</a>
<ul>
<li><a href="/clothing-tops-c-21_24.html">Tops</a></li>
<li><a href="/clothing-bottoms-c-21_25.html">Bottoms</a></li>
</ul>
</li>
<li><a>Accessories</a>
<ul>
<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>
</ul>
</li>
<li><a href="/shoes-c-23.html">Shoes</a></li>
<li><a href="/aboutus.php">About Us</a>
<ul>
<li><a href="/artisans.php">Our Artisans</a></li>
</ul>
</li>
<li><a href="http://enjuba.org">enjuba.org</a>
<ul>
<li><a href="/plans.php">Plans</a></li>
</ul>
</li>
</ul>
</td>
Thanks in advance for any help!

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

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum