- This topic has 1 reply, 2 voices, and was last updated 14 years, 6 months ago by
.
-
Posts
-
Hello, I created a Horizontal A-Z menu today & it shows up great underneath the banner & main menu on my site in IE8.
But as you can see from the screen cap below the A-Z menu is nowhere to be seen in Firefox 3.6.3
Here’s is my code:
[quote:2qb6er3v]#suckerfishnav {background:#00085C repeat-x;font-size:11px;font-family:verdana,sans-serif;font-weight:bold; width:100%;}#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:20px;padding:0;border:0px solid #aaa;margin:1; width:100%;}#suckerfishnav a {display:block;color:#dddddd;text-decoration:none;padding:0px 7px;}#suckerfishnav li {float:left;padding:0;}#suckerfishnav ul {position:absolute;left:-999em;height:auto; width:151px;font-weight:normal;margin:0;line-height:1; border:0;border-top:1px solid #666666; }#suckerfishnav li li { width:149px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:verdana,sans-serif;}#suckerfishnav li li a {padding:4px 10px; width:130px;font-size:12px;color:#dddddd;}#suckerfishnav li ul ul {margin:-21px 0 0 150px;}#suckerfishnav li li:hover {background:#1F3E9F;}#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#dddddd;}#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#dddddd;}#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;}#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {left:auto;background:#444444;}#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#0011C6;}[/quote:2qb6er3v]
If anyone can please help me on this as that A-Z menu is vital to my site, thanks.
No idea sorry. We need more information to help.
- You must be logged in to reply to this topic.