BcSurvivor08
05-18-2012, 12:31 AM
I've used your dropdownmenu.css and dropdownmenu.js for years and I love it. One problem I am having now is that the drop menu defaults to the far left of the menu bar only in FireFox. It works perfectly in IE7-9, Safari, Opera, Chrome, Android, Blackberry and iphone. .....
Please look http://www.amerimedems.com
The css code:
#dropmenudiv{
position:absolute;
overflow:hidden;
border-bottom:1px dotted #000;
font-family:arial;
font-size: 14px;
line-height:16px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/**SHADOW**/
-moz-box-shadow: 2px 3px 4px #000000;
-webkit-box-shadow: 2px 3px 4px #000000;
box-shadow: 2px 3px 4px #000000;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px dotted #000;
padding: 2px 0;
text-decoration: none;
color:white;
}
#dropmenudiv a:hover
{ /*hover background color*/
color: #c80f12;
}
And the js file is here http://www.amerimedems.com/scripts/dropdownmenu.js
Your help is greatly appreciated! I wouldnt really care, except 58% of visitors are using FireFox..:confused:
Please look http://www.amerimedems.com
The css code:
#dropmenudiv{
position:absolute;
overflow:hidden;
border-bottom:1px dotted #000;
font-family:arial;
font-size: 14px;
line-height:16px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/**SHADOW**/
-moz-box-shadow: 2px 3px 4px #000000;
-webkit-box-shadow: 2px 3px 4px #000000;
box-shadow: 2px 3px 4px #000000;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px dotted #000;
padding: 2px 0;
text-decoration: none;
color:white;
}
#dropmenudiv a:hover
{ /*hover background color*/
color: #c80f12;
}
And the js file is here http://www.amerimedems.com/scripts/dropdownmenu.js
Your help is greatly appreciated! I wouldnt really care, except 58% of visitors are using FireFox..:confused: