Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Drop down menu works in firefox, not in IE

    Please view the menu in both browsers here:
    http://enjuba.com/index.php

    The css behind this is:
    Code:
    #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:
    Code:
    <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!

  • #2
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try putting this in your head:
    Code:
    <script type="text/javascript" src="enjuba.com/navigation.js"></script>

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,623
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    And if that doesn't work try to put http:// before the url in the src attribute.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •