Bizarre ghosted borders in Firefox

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:14

Bizarre ghosted borders in Firefox

Poster: Jefficus
Dated: Thursday August 19 2004 - 22:37:09 BST

I have a site I'm setting up (http://jefficus.usask.ca:8090). When I view it in Opera, it displays the way I want. (Sculpted 3D submenu items achieved by using different top and bottom border colors in a CSS style.)

I am told that people viewing from MSIE see it the way I intend as well.

But Firefox shows these really bizarre doubleborders. One border appears fine. But the second border is about 10% too large for the item so it draws ugly lines near the menu.

The two (main and sub) milonic styles are defined as:

Quote:

with(menuStyle2=new mm_style()){
onclass="menu-top-level-on";
offclass="menu-top-level-off";
separatorsize=0;
fontsize="100%";
fontstyle="normal";
fontweight="bold";
subimage="<?php echo $_CONF['layout_url']; ?>/glmenu/images/arrow2.gif";
subimagepadding=2;
}

with(menuStyle2Sub=new mm_style()){
onclass="menu-sub-level-on";
offclass="menu-sub-level-off";
separatorsize=0;
fontsize="75%";
fontstyle="normal";
fontweight="bold";
subimage="<?php echo $_CONF['layout_url']; ?>/glmenu/images/arrow.gif";
subimagepadding=2;
}

And the CSS code is:

Quote:

.menu-top-level-on {
background-color:#242e55;
color:white;
border-left-color:#666666;
border-top-color:#666666;
border-right-color:white;
border-bottom-color:white;
border-left-style:solid;
border-right-style:solid;
border-width:1px;
padding-left:4px;
padding-right:4px;
margin-right:8px;
}

a.menu-top-level-off, a.menu-top-level-off:visited, a.menu-top-level-off:link,
.menu-top-level-off {
background-color:#242e55;
color:#ddddff;
border-left-color:white;
border-top-color:white;
border-right-color:#666666;
border-bottom-color:#666666;
border-left-style:solid;
border-right-style:solid;
border-width:1;
padding-left:4px;
padding-right:4px;
}

a.menu-sub-level-off, a.menu-sub-level-off:visited, a.menu-sub-level-off:link,
.menu-sub-level-off {
background-color:#ebebeb;
border-left-color:white;
border-top-color:white;
border-right-color:#666666;
border-bottom-color:#666666;
color:#222288;
border-style:solid;
border-width:1;
padding-left:4px;
padding-right:4px;
margin-right:8px;
text-align:left;
}

a.menu-sub-level-on, a.menu-sub-level-on:visited, a.menu-sub-level-on:link,
.menu-sub-level-on {
background-color:#aaaaaa;
color:white;
border-left-color:#aaaaaa;
border-top-color:#666666;
border-right-color:#aaaaaa;
border-bottom-color:#aaaaaa;
border-style:solid;
border-width:1px;
padding-left:4px;
padding-right:4px;
margin-right:8px;
text-align:left;
}

Tech details: I'm running with 5.42 on Linux Redhat 9.

Any suggestions would be appreciated.

Jefficus

Poster: John
Dated: Friday August 20 2004 - 3:58:12 BST

Please keep in mind that Firefox is still in beta, and until they settle in to a stable final release there's not too much we can do.

Industrial Strength JavaScript and DHTML Menus

Bizarre ghosted borders in Firefox