Hi,
website is youradminpro.com/
I’ve created tabbed menu with tabs that “jump up” if current page or subpage is active. I’m stumped - it displays differently in firefox vs IE9 vs chrome.
firefox: every tab jumps up except “solutions”, borders & background do show on submenu items.
chrome: every tab jumps up except “solutions”, submenu item borders don’t show but background does
IE9: every tab jumps up including “solutions”, submenu items borders do show, “get started” submenu item background doesn’t show when hovering.
huh?
what css can I use for consistency? CSS is below.
thanks in advance!
/* ------------- CURRENT PAGE TAB JUMPS UP – */
.block-type-navigation .current_page_item, /* moves current menu item in relation to other tabs /
.block-type-navigation .current-menu-parent / keeps main tab higher when any child item active*/
{ position: relative; top: -12px; }
/* -------------BORDERS SUB-MENU ITEMS */
.block-type-navigation li .sub-menu li a {
border-right: .5px solid #789;
border-bottom: .5px solid #789;
border-left: .5px solid #789;
background: white;
}
.block-type-navigation .sub-menu .menu-item-1336 a,
body.custom .block-type-navigation .sub-menu
.menu-item-780 a,
body.custom .block-type-navigation .sub-menu .menu-item-752 a {
border-top: 6px solid steelblue; }
body.custom .block-type-navigation .sub-menu .menu-item-753 a,
body.custom .block-type-navigation .sub-menu .menu-item-754 a {
border-top: 6px solid yellow; }
body.custom .block-type-navigation .sub-menu .menu-item-772 a,
body.custom .block-type-navigation .sub-menu .menu-item-878 a
{ border-top: 6px /orange/solid #FFA55C; }