buen o primero perdon si es una pregunta medio noob pero recien estoy empezando con esto de la programacion web.

tengo un codigo html en el cual estoy trabajando y resulta que mientras lo veo con la vista en vivo con el dreamweaver se ve como yo quiero la web, pero si abro el archivo desde firefox, los botones no respetan las medidas que les asigne previamente. alguien sabe porque puede estar pasando esto?

aca el codigo css que uso para darle formato:

#main-menu li{
    margin:1px;
    padding:7px;
    font-weight:bold;
    background-image:url(Imagenes/Main%20Menu%20Buton.jpg);
    width:175px;
    height:30px;
    font-size:14px;
    text-align:center;
}