Скажите пожалуйста, что не правильно вот в этом коде

Код:
#menu {background: #CCC; padding: 0px; width: 501px; height: 15px;}

#menu ul {float: left; margin-left: 1px; margin-right: -2px; list-style: none}

#menu ul li {margin-right: 2px; float: left; list-style: none}

#menu ul li.last {margin-right: 1px; float: left; list-style: none}

#menu li a {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #999 url(/i/menu.gif); height: 15px; color: #333; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}

#menu li a:hover {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #878787 url(/i/menu.gif); height: 15px; color: black; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}

#menu li a.active {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #69c url(/i/menu.gif); height: 15px; color: #333; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}

#menu li a.active:hover {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #69c url(/i/menu.gif); height: 15px; color: black; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}
недавно поставил себе мозилу файерфокс и там у меня с моим меню чудеса творяться... указано размер в ширину 98пх а там любой размер только не такой, тоже с высотой и вообще все равзбросано по всему экрану но не там где надо!!! В эксплорере все как надо!!!