I have some problems with displaying my drop down menu, if you see the image i am attaching there are big differences between IE and mozila:
-IE navigation is in ok position while in firefox it is was too much on the left side.
-Dropdown on IE opens too low and in firefox just a bit too high - i want it so it starts directly under blue navigation line.
-When users are logined in IE it doesnt overlays the user submenu(Add tracker,existin....) while in firefox it does.
How can i fix these issues, i am ataching CSS:
/* DROPDOWN */
#navBar
{
margin-left: auto;
**margin-left: 111;
}
#navBar UL.jd_menu {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px;
CLEAR: both; PADDING-TOP: 0px
}
#navBar UL.jd_menu LI
{
PADDING-BOTTOM: 0px; PADDING-LEFT:0px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; FLOAT: left;
CURSOR: pointer; PADDING-TOP: 0px
}
#navBar UL.jd_menu LI.jdm_hover {
}
#navBar UL.jd_menu LI.jdm_active {
}
#navBar UL.jd_menu A {
}
#navBar UL.jd_menu A:active {
}
#navBar UL.jd_menu A:link {
}
#navBar UL.jd_menu A:visited {
}
#navBar UL.jd_menu UL {
BACKGROUND-IMAGE: none; Z-INDEX: 10000; POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;
DISPLAY: none; BORDER-TOP: #6887a8 1px solid; PADDING-TOP: 0px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
margin-top:-2px;
**margin-top:6px;
}
#navBar UL.jd_menu UL LI {
BACKGROUND-IMAGE: none; BORDER-BOTTOM: #6887a8 1px solid; TEXT-ALIGN: left;
BORDER-LEFT: #6887a8 1px solid; BACKGROUND-COLOR: #00498b; MARGIN: 0px; PADDING-RIGHT:-50px; FLOAT: none; COLOR: #a5afb8; FONT-SIZE: 12px;
BORDER-TOP: #6887a8 0px solid; BORDER-RIGHT: #6887a8 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
#navBar UL.jd_menu UL LI.jdm_hover {
BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #0C2844
}
#navBar UL.jd_menu UL LI.jdm_active {
BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #0C2844
}
#navBar UL.jd_menu UL LI A {
COLOR: #FFFFFF;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:11px;
}
#navBar UL.jd_menu UL LI A:active {
COLOR: #FFFFFF;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:11px;
}
#navBar UL.jd_menu UL LI A:link {
COLOR: #FFFFFF;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:11px;
}
#navBar UL.jd_menu UL LI A:visited {
COLOR: #FFFFFF;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:11px;
}
#navBar UL.jd_menu UL LI.jd_menu_active {
BACKGROUND-COLOR: #0b1c2d; COLOR: #FFFFFF
}
#navBar UL.jd_menu UL LI.jd_menu_hover {
BACKGROUND-COLOR: #0b1c2d; COLOR: #FFFFFF
}
#navBar UL.jd_menu UL LI.jd_menu_active A.jd_menu_active {
COLOR: #fff
}
#navBar UL.jd_menu UL LI.jd_menu_hover A.jd_menu_hover {
COLOR: #FFFFFF
}
UL.jd_menu IMG.sublevel-indicator {
MARGIN-TOP: 14px;
}
UL.jd_menu UL.submenu {
WIDTH: 190px
}