menu se corre en Firefox

rashid · #1 (**permalink**) 02/03/2007, 10:27

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