menu se corre en Firefox
Hola, tenemos un menu hecho con css y se muestra corrido de su posicion unos 20 pixels a la izquierda en mozzila, mientras que en explorer se ve bien.
Tienen idea de por que o como solucionarlo?
Mi css es: Código PHP:
/* CSS Document */
.fixedbg {
background-attachment: scroll;
background-image: url("http://www.hillsofportalon.com/images/main2.jpg");
background-repeat: no-repeat;
background-position: left top;
}
/*#menu {
float: left;
}
*/
#home { width: 150px; }
#homesite { width: 150px; }
#amenities { width: 150px; }
#photo { width: 150px; }
#reserve { width: 150px; }
#links { width: 150px; }
#contact { width: 150px; }
#home a, #homesite a, #amenities a, #photo a, #reserve a, #links a, #contact a{background: url("http://www.hillsofportalon.com/images/nav4.jpg") no-repeat}
#home a { background-position: 0px 0px; line-height: 26px; height: 30px;}
#home a:hover { background-position: -150px 0px; line-height: 26px; height: 30px;}
#homesite a { background-position: 0px -28px; line-height: 26px; height: 26px;}
#homesite a:hover { background-position: -150px -29px; line-height: 26px; height: 26px;}
#amenities a { background-position: 0px -54px; line-height: 27px; height: 26px;}
#amenities a:hover { background-position: -150px -54px; line-height: 27px; height: 26px;}
#photo a { background-position: 0px -80px; line-height: 26px; height: 26px;}
#photo a:hover { background-position: -150px -80px; line-height: 26px; height: 26px;}
#reserve a { background-position: 0px -105px; line-height: 26px; height: 26px;}
#reserve a:hover { background-position: -150px -105px; line-height: 26px; height: 26px;}
#links a { background-position: 0px -132px; line-height: 20px; height: 26px;}
#links a:hover { background-position: -150px -132px; line-height: 20px; height: 26px;}
#contact a { background-position: 0px -158px; line-height: 26px; height: 26px;}
#contact a:hover { background-position: -150px -158px; line-height: 26px; height: 26px;}
#menu a {
text-decoration: none;
font-size: 12px;
display: block;
text-align:center;
}
ul {
margin: 0px;
left: 0px;
list-style-type: none;
}
gracias | 