Mam problem z menu rozwijanym w IE7. Tylko na jednej stronie mi nie działa po najechaniu na dany link zamiast rozsuwać mi się w dolnej części, wykonuje mi się obok. Nie wiem w czym tkwi problem. W FF działa poprawnie i w IE8 w IE6 nie mam możliwości sprawdzenia:
Oto kod w CSS:
KOD
/* MENU */
#pole_m {
width:1024px;
background-image:url('images/azja_poludniowa_13.gif');
background-repeat:repeat-x;
height:59px;
margin:0 auto;
}
#pole_menu {
padding:10px 0 0 0;
margin:0 auto;
width:850px;
}
#menu *{
margin:0;
padding:0;
}
#menu {
behavior:url('../lib/js_tools/csshover.htc');
font-family:Tahoma;
font-size:11px;
float:left;
}
#menu ul {
float:left;
}
#menu li {
position:relative;
background-image:url('images/menu-znak.gif');
background-repeat:no-repeat;
padding-left:26px;
list-style-type:none;
float:left;
text-align:left;
}
#menu a {
background-image:url('images/menu-bg.gif');
background-repeat:repeat-x;
border-right:#FFFFFF 4px solid;
height:27px;
display:block;
color:#FFFFFF;
font-family:"Arial";
font-size:12px;
font-weight:bold;
text-decoration:none;
padding-left: 5px;
padding-right: 10px;
padding-top:12px;
text-align:left;
}
#menu a:hover {
text-decoration:underline;
}
#menu li ul {
position:absolute;
display:none;
padding:0 10px 0 2px;
border-left:1px solid #730328;
border-right:1px solid #730328;
border-bottom:1px solid #730328;
background-color:#e8e8e8;
text-align:left;
}
#menu li ul li {
white-space:nowrap;
width:100%;
background-color:#e8e8e8;
background-image:url('images/znak_menu.png');
background-repeat:no-repeat;
background-position:left;
padding-left: 8px;
}
#menu li ul li a {
white-space:nowrap;
font-family:Tahoma;
font-size:11px;
background:#e8e8e8;
color:#660000;
padding:0;
margin:0;
border:0;
height:16px;
}
#menu li:hover ul {
display:block;
}
#pole_m {
width:1024px;
background-image:url('images/azja_poludniowa_13.gif');
background-repeat:repeat-x;
height:59px;
margin:0 auto;
}
#pole_menu {
padding:10px 0 0 0;
margin:0 auto;
width:850px;
}
#menu *{
margin:0;
padding:0;
}
#menu {
behavior:url('../lib/js_tools/csshover.htc');
font-family:Tahoma;
font-size:11px;
float:left;
}
#menu ul {
float:left;
}
#menu li {
position:relative;
background-image:url('images/menu-znak.gif');
background-repeat:no-repeat;
padding-left:26px;
list-style-type:none;
float:left;
text-align:left;
}
#menu a {
background-image:url('images/menu-bg.gif');
background-repeat:repeat-x;
border-right:#FFFFFF 4px solid;
height:27px;
display:block;
color:#FFFFFF;
font-family:"Arial";
font-size:12px;
font-weight:bold;
text-decoration:none;
padding-left: 5px;
padding-right: 10px;
padding-top:12px;
text-align:left;
}
#menu a:hover {
text-decoration:underline;
}
#menu li ul {
position:absolute;
display:none;
padding:0 10px 0 2px;
border-left:1px solid #730328;
border-right:1px solid #730328;
border-bottom:1px solid #730328;
background-color:#e8e8e8;
text-align:left;
}
#menu li ul li {
white-space:nowrap;
width:100%;
background-color:#e8e8e8;
background-image:url('images/znak_menu.png');
background-repeat:no-repeat;
background-position:left;
padding-left: 8px;
}
#menu li ul li a {
white-space:nowrap;
font-family:Tahoma;
font-size:11px;
background:#e8e8e8;
color:#660000;
padding:0;
margin:0;
border:0;
height:16px;
}
#menu li:hover ul {
display:block;
}