Maybe someone can help me out
This site East Central Region 4
and this site Sweet Adelines Region 1
if looked at in IE7 the submenus of main menu display over its parent li
here is the custom css I am using: I’ve try adding positioning z-index can anyone point me in the right direction?
#horizontal{
clear:both;
text-align:center;
height:43px;
margin:0px;
z-index: 102;
width: 1044px;
position: relative;
background-image: url(../images/menuBar_BG.png);
}
#navbar{
width: 1049px;
position: relative;
margin: 0px auto;
z-index:101;
}
ul.menu_horiz {
font-size: 14px;
list-style: none outside none;
margin: 0 auto;
padding: 0;
z-index: 103;
position: relative;
}
ul.menu_horiz li {
display: inline;
margin: 0;
padding: 0;
position: relative;
width: auto;
z-index:101;
}
ul.menu_horiz li a {
display: inline-block;
line-height: 14px;
padding-left: 9px;
text-decoration: none;
width: auto;
z-index: 101;
}
ul.menu_horiz li a span {
display: inline-block;
padding: 26px 17px 27px 3px;
}
ul.menu_horiz li a:hover {
}
ul.menu_horiz li ul {
background: url("../images/DropdownBottom.png") no-repeat scroll center bottom transparent;
display: block;
height: auto;
left: -999em;
margin: -5px 0 0 5px;
padding: 0 0 15px;
position: absolute;
text-align: left;
width: 217px;
z-index:101;
}
ul.menu_horiz li ul ul {
margin: -32px 0 0 150px;
}
ul.menu_horiz li li {
display: block;
padding: 0;
width: 209px;
}
ul.menu_horiz li li a {
background: none repeat scroll 0 0 transparent;
display: block;
padding: 13px 7px 16px;
text-decoration: none;
Thankful
mm