Buonasera, vi allego una immagine con il menu che si vede con Mozilla (tutto ok) e con IE8 (non va!!!!!), vi allego il codice della pagina, grazie a chiunque mi puo suggerire qualcosa! Io ho provato ma non ci levo le penne...
<style type="text/css">
#menu {
z-index:100;
width:820px;
height: 25px;
border:0px solid #000000;
background-color:#222;
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
text-align:center;
margin: 0;
border: 0 none;
padding: 0;
width: 820px;
list-style: none;
height: 25px;
}
ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
width:102.5px;
height: 25px;
}
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 150px;
list-style: none;
display: none;
position: absolute;
top: 25px;
left: 0;
}
ul#navmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu ul li {
width: 150px;
float: left;
display: block !important;
display: inline;
}
/* Root Menu */
ul#navmenu a {
border: 1px solid #333333;
border-right-color: #000;
border-bottom-color: #000;
padding: 0 6px;
float: none !important;
float: left;
display: block;
background: #333;
color: #ccc;
font: normal 11px/23px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #333;
color: #fff;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #333;
color: #fff;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #666;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background:#DFE4E8;
color: #2A6BA3;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #A7B7C6;
color: #FFF;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 150px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
</style>
<div id="menu">
<ul id="navmenu">[*]Chi siamo[*]Centro cinofilo[*]Allevamento
<ul>[*]<a class="drop" title="Allevamento > Maschi" href="maschi.php">Maschi</a>[*]<a class="drop" title="Allevamento > Femmine" href="femmine.php">Femmine</a>[*]<a class="drop" title="Stazioni di monta" href="stazioni_di_monta.php">Stazioni
di monta</a>[/list]
[*]Cucciolate[*]Addestramento
<ul>[*]<a class="drop" title="Addestramento > Obbedienza" href="addestramento.php">Obbedienza</a>[*]<a class="drop" title="Addestramento > Agonismo" href="addestramento.php#agonismo">Agonismo</a>[/list]
[*]Gallery
<ul>[*]<a class="drop" title="Gallery > Foto" href="foto.php">Foto</a>[*]<a class="drop" title="Gallery > Video" href="video.php">Video</a>[/list]
[*]Eventi[*]Contatti[/list]
</div>
Rispondi quotando
