He implementado esto en mi web, y no me sale el menu horizontal en Mozilla...
Código:
* {
margin: 0;
padding: 0;
}
body {
background-color: #ffffff;
color:#666666;
font-family:Arial,Helv,sans-serif;
font-size:11px;
margin:0;
padding:0;
}
a:link,a:visited {
color: #ccc;
font-weight:
bold; text-decoration:none;
}
a:hover {
color: #fff;
text-decoration:underline;
}
.titulo {
position: absolute;
padding-top: 15px;
padding-left: 15px;
font-size:14px;
margin-bottom: 1px;
font-weight:bold;
width: 400px;
color: #fff;
background: url(header.gif) no-repeat top left;
height: 21px;
}
.sintitulo {
position: absolute;
padding-top: 15px;
padding-left: 15px;
font-size:11px;
margin-bottom: 1px;
font-weight:bold;
width: 400px;
color: #fff;
background: url(header.gif) no-repeat top left;
height: 21px;
}
.enlace {
position: absolute;
padding-top: 15px;
padding-left: 15px;
font-size:14px;
margin-bottom: 1px;
font-weight:bold;
width: 400px;
color: #fff;
background: url(header.gif) no-repeat top left;
height: 21px;
}
#enlace a, #enlace a:visited {
color: #DEF0FE;
}
#menu_horizontal {
list-style: none;
margin:0;
padding:0;
}
#menu_horizontal li {
margin:0;
padding:0;
float:left;
}
#menu_horizontal li a, #menu_horizontal li a:visited {
display: block;
text-align:center;
padding-top: 6px;
width: 93px;
height: 28px;
color: #ccc;
background: url(menuh.png) no-repeat;
}
#menu_horizontal li a:hover {
color: #fff;
text-decoration: none;
}
h3 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 12px;
padding-left: 13px;
font-size:12px;
color: #fff;
background: url(rightheader.gif) no-repeat top left;
height: 20px;
}
#cabecera {
font-size: 20px;
font-weight: bold;
margin-bottom: 0px;
padding-left: 20px;
color: #fff;
height: 73px;
background: url(logo.png) no-repeat;
}
#logo {
padding-top: 25px;
}
#columna_izquierda {
float: left;
width: 130px;
}
#columna_izquierda a, #columna_izquierda a:visited {
display: block;
background: url(menulink.gif);
padding-top: 3px;
padding-left: 18px;
height: 20px;
color: #ccc;
}
#columna_izquierda a:hover {
color: #fff;
text-decoration: none;
}
#menuheader {
background: url(menuheader.gif) no-repeat;
height: 23px;
}
#menufooter {
background: url(menufooter.gif) no-repeat left top;
height: 21px;
}
#menu_principal {
width: 750px;
margin: 5px auto;
background-color: #fff;
color: #333;
line-height: 130%;
}
#columna_derecha {
float: right;
width: 240px;
background: #fff url(rightcontent.gif);
text-align:justify;
color: #ccc;
}
.columna_central {
margin-left: 135px;
margin-right: 240px;
max-width: 34em;
background: url(content.gif) top left;
text-align:justify;
}
.texto_central {
padding: 40px 15px 20px 15px;
color: #fff;
background: url(footer.gif) no-repeat left bottom;
}
.texto_derecho {
padding: 0px 15px 20px 15px;
color: #e2e2e2;
background: url(rightfooter.gif) no-repeat left bottom;
}
.texto_gris {
font-size: 11px;
font-weight: bold;
margin-bottom: 0px;
color: #404040;
}
.inicio {
text-align:right;
text-decoration:none;
}
#info {
color: #ccc;
background: #535353;
font-size: 9px;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
border: 1px solid #858585;
}
Alguno sabríais decirme el por qué.
Gracias de antemano por vuestra ayuda.