Zdravím,
vo všetkých prehliadačoch sa mi CSS menu vysúva pod položkou, na ktorú prejdem myšou...okrem IE 7, tam sa zobrazuje napravo od položky.
V IE8, Opera, FF, Chrome, Safari:
V IE7:
Nemohli by ste mi plz niekto poradiť nejaký hack, alebo niečo, aby sa to zobrazovalo v IE7 pomerne rovnako v iných prehliadačoch?
Vopred veľmi pekne ďakujem.
P.S.: Pre istotu prikladám aj kód (konkrétne toho menu):
Kód:
/* Dropdown menu */
.mainHeader li ul {
color: #000;
background-color: #dddddd;
font-size: 85%;
font-variant: normal;
font-weight: normal;
list-style: none;
list-style-position: outside;
border: 1px solid #000;
}
.mainHeader li ul li {
position: relative;
line-height: 1.6em;
border:1px solid #dddddd;
}
.mainHeader li ul a {
color: #000;
background-color: #fff;
display: block;
}
.mainHeader li ul a:hover {
color: #fff;
background-color: #000;
}
.mainHeader li ul {
position: absolute;
display: none;
width: 21.2em;
}
.mainHeader li ul a {
width: 19.9em;
height: auto;
float: left;
}
.mainHeader li ul {
top: 79pt;
}
.mainHeader li ul ul {
top: auto;
left: 20em;
margin: 0 0 0 0.4em;
}
.mainHeader li:hover ul ul,
.mainHeader li:hover ul ul ul,
.mainHeader li:hover ul ul ul ul {
display: none;
}
.mainHeader li:hover ul,
.mainHeader li li:hover ul,
.mainHeader li li li:hover ul,
.mainHeader li li li li:hover ul {
display: block;
z-index: 1;
}
/* Dropdown menu end */