Hey, I'm currently working on a site and everything works perfectly in IE, but when I run it in Firefox/Mac the drop down width is messed up.

This is what it looks like in IE
Attachment 377


This is what it looks like in FF/Mac
Attachment 378

Now I know that it's supposed to work correctly in all Browsers, but for some reason it's doing this.

Here's what I have for the css:

----------------------------------------------------------
<style type="text/css">

#dropmenudiv{
position:absolute;
border:1px solid #000000;
border-bottom-width: 0;
font:normal 12px Arial Black;
line-height:15px;
z-index:100;
}

#dropmenudiv a{
width: 246px;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 0px 0;
text-decoration: none;
font-weight: bold;
}



#dropmenudiv a:link {color:#3A452D; background-color:transparent}
#dropmenudiv a:visited {color:#3A452D; background-color:transparent}
#dropmenudiv a:active {color:#ffffff; background-color:transparent}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #3A452D;
}

</style>
----------------------------------------------------------


For the width I have:

----------------------------------------------------------
var menuwidth='250' //default menu width
var menubgcolor='#B3D88B' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
----------------------------------------------------------



Hopefully, someone here can help me out... if you need more info, you need only to ask.

Thanks in advance to anyone who responds
10fx