Hello all.
i have a problem with ie 7 and ie 6.
in ie6 my submenu is not showing.
this is the html code for the menu:
this is the css code.
Code:
.block{
overflow: visible !important;
}
#placemainmenu{
width:799px;
height:44px;
margin:0 0 12px;
background: url(../tl_files/t-me/images/mainmenu.png) no-repeat;
}
#placemainmenu ul.level_1{
width:760px;
height:28px;
float:left;
display:inline;
margin:6px 0 0;
padding:0 0 0 7px;
}
#placemainmenu ul.level_1 li{
height:28px;
position:relative;
float:left;
display:inline;
margin:0 5px 0 0;
}
#placemainmenu ul.level_1 li a,#placemainmenu ul.level_1 li a:link,#placemainmenu ul.level_1 li a:visited{
height:22px;
float:left;
display:inline;
padding:6px 20px 0;
font-weight:bold;
font-size:1.2em;
color:#797979;
}
#placemainmenu ul.level_1 li.trail,#placemainmenu ul.level_1 li:hover,#placemainmenu ul.level_1 li.active{
background:url(../tl_files/t-me/images/menu_left.png) no-repeat;
}
#placemainmenu ul.level_1 li.trail a,#placemainmenu ul.level_1 li:hover a,#placemainmenu ul.level_1 li:hover a:link,#placemainmenu ul.level_1 li:hover a:visited,#placemainmenu ul.level_1 li.active a{
text-decoration:none;
color:#4b4b4b;
background:url(../tl_files/t-me/images/menu_right.png) no-repeat 100% 0;
}
#placemainmenu ul.level_1 a{
text-align:left;
border:none;
background:none;
}
#placemainmenu ul.level_2{
width:189px;
left:0;
position:absolute;
display:none;
margin:26px 0 0;z-index:1000;
}
#placemainmenu ul.level_2 li,#placemainmenu ul.level_2 li:hover{
width:183px;
height:28px;
float:left;
display:inline;
padding:2px 0 0 6px;
background:url(../tl_files/t-me/images/dropdown_back.png) no-repeat;
}
#placemainmenu ul.level_2 li.first,#placemainmenu ul.level_2 li.first:hover{
width:183px;
height:28px;
padding:9px 0 0 6px;
background:url(../tl_files/t-me/images/dropdown_top.png) no-repeat;
}
#placemainmenu ul.level_2 li.last,#placemainmenu ul.level_2 li.last:hover{
width:183px;
height:31px;
padding:2px 0 0 6px;
background:url(../tl_files/t-me/images/dropdown_bottom.png) no-repeat;
}
#placemainmenu ul.level_1 li.submenu:hover ul.level_2 li a,#placemainmenu ul.level_1 li.submenu:hover ul.level_2 li a:link,#placemainmenu ul.level_1 li.submenu:hover ul.level_2 li a:visited{
width:159px;
height:18px;
float:left;
display:inline;
margin:0;
padding:6px 9px 0;
font-size:1.1em;
color:#4b4b4b;
text-transform:none;
background:none;
}
#placemainmenu ul.level_1 li.submenu:hover ul.level_2 li a:hover,#placemainmenu ul.level_1 li.submenu ul.level_2 li a:hover,#placemainmenu ul.level_1 li.submenu ul.level_2 li active a{
text-decoration:none;
color:#fff;
background:url(../tl_files/t-me/images/dropdown_hover.png) no-repeat;
}
#placemainmenu li:hover ul ul,#placemainmenu li li:hover ul ul{
display:none;
}
#placemainmenu li:hover ul,#placemainmenu li li:hover ul{
display:block;
}
#placemainmenu ul.level_1 ul.level_2 li.active{
background:url(../tl_files/t-me/images/dropdown_active.png) no-repeat;
}
#placemainmenu ul.level_1 ul.level_2 li.active.first{
background:url(../tl_files/t-me/images/dropdown_active_first.png) no-repeat;
}
#placemainmenu ul.level_1 ul.level_2 li.active.last{
background:url(../tl_files/t-me/images/dropdown_active_last.png) no-repeat;
}
and in ie 7 the following code does not work.
Code:
.block {
overflow: visible !important;
}
i hope someone can helpt me out with it.
Bookmarks