Buena,
Tengo un problemilla con mi hoja de estilos.
Se me visualiza todo en su sutio en Firefox, pero a la hora de verlo en explorer el menu
me desaparece, y se me descoloca todo.
Aquí os dejo mi código por si me pudierais ayudar, muchas gracias :D:D
Código HTML:
/* clases generales */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #FFF;
text-decoration:none;
}
div.inside{
width: 800px;
margin: 0 auto;
}
/* menu */
.menu {
background-color: #093;
width: 800px;
height:50px;
float:right;
}
.menu h6 a{
color: #fff;
text-decoration:none;
font-size: 12px;
padding:5px 30px;
position: retalive;
margin:0 auto;
}
ul.nav {
padding: 5px;
margin: 0;
}
.menu li {
list-style: none;
float: left;
margin: 0 auto;
}
.menu li a. {
display: block;
text-decoration: none;
font-weight: bold;
}
.menu li ul {
display: none;
margin: 0 auto;
}
.menu li:hover ul, #menu li.hover ul {
position: absolute;
display: inline;
margin: 0 auto;
}
.menu li:hover li, #menu li.hover li {
float: left;
padding:5px;
}
.menu li:hover li a, #menu li.hover li a {
color: #fff;
text-decoration: none;
}
.menu li li a:hover {
color: #000;
}
li.nav1:hover{
background-color:#063;
}
li.nav1:hover ul, li.nav1.hover ul {
background-color:#063;
}
li.nav2:hover{
background-color:#063;
}
li.nav2:hover ul, li.nav2.hover ul {
background-color:#063;
}
li.nav3:hover{
background-color: #063;
}
li.nav3:hover ul, li.nav3.hover ul {
background-color:#063;
}
li.nav4:hover{
background-color:#063;
}
li.nav4:hover ul, li.nav4.hover ul {
background-color:#063;
}
li.nav5:hover{
background-color:#063;
}
li.nav5:hover ul, li.nav5.hover ul {
background-color:#063;
}
li.nav6:hover{
background-color:#063;
}
li.nav6:hover ul, li.nav6.hover ul {
background-color:#063;
}
li.nav7:hover{
background-color:#063;
}
li.nav7:hover ul, li.nav7.hover ul {
background-color:#063;
}