I am using ellnav vertical menu and for the main menu items all goes well, but for the submenu items Something goed wrong in IE (not in FF though....)
I have declared a top border wich is grey and a bottom border wich is white.
The parent menu items have borders running from left to right over the complete width of the menu, but the children pages in IE only have a border for the length of the text. In FF this problem does not occur..
these are my css parts:
#menu_vert li a {
display: block;
text-decoration: none;
padding: 5px 5px 5px 16px;
background: url(uploads/images/skin/bulletorange1.gif) no-repeat #E5EBEB;
background-position: 0px 8px;
border-top: 1px solid #C9CDCE;
border-bottom: 1px solid #FCFFFF;
/* color of the tekst in the menu */
color: #e79f33;
}
#menu_vert li.active01 h3 {
display: block;
text-decoration: none;
padding: 5px 5px 5px 16px;
border-top: 1px solid #C9CDCE;
border-bottom: 1px solid #FCFFFF;
color: #BE7B16;
margin: 0;
font-size: 1em;
line-height: 1em;
background: url(uploads/images/skin/bulletorange1.gif) no-repeat #E5EBEB;
background-position: 0px 8px;
}
Does anyone know a solution to this??
Thnx in advance!!
Barbera
[attachment deleted by admin]
vertical ellnav menu problem in IE
Re: vertical ellnav menu problem in IE
i take it the menu parent has a class="active01" h3 when you look at the source view and the children are just li 'a's the first CSS you list has a bottom border it is just for the 'a's which to IE is generaly the 'text' if the border is put on #menu_vert li { it may show correctly in IE...