[CSS]fire fox zmienia mi rozmiar komórek Opcje

[predator66611]

Witam
map problem wysokością komór w tabeli jest różnica kilku pixeli między przeglądarką chrome(internet explorer działa porawnie) a fire fox
problem w tym że jest to podświetlane menu strony więc psuje mi to układ

CSS: to jest fragment kodu odpowiadający za tą tabele

.right{ margin:2px 4px 0px 0px; float:right; }
.right td {text-align:center; height: 113px }
.right td a{ display: block; font-size:16px; font-weight:bold; color:white;}
.right td:hover { background-image:url('images/big_on.png'); }
.right p {color: red;}

wycięty z kodu menu które wyglada tak

CSS:
#top-bg {width:979px; height:453px; margin:0px auto 0px auto; background-image:url('images/bg-top2.jpg'); background-repeat:no-repeat;}

.logo {display: inline-table; width:310px; height:259px; margin:10px 10px 0px 0px; float:left ;}

.logo img{border:none;}

.logo a{text-decoration:none;}

.right{ margin:2px 4px 0px 0px; float:right; }
.right td {text-align:center; height: 113px }
.right td a{ display: block; font-size:16px; font-weight:bold; color:white;}
.right td:hover { background-image:url('images/big_on.png'); }
.right p {color: red;}

a {color:#0b87c1; text-decoration:none;}

.menu {display: inline-table;; width:600px; height:0px; margin:15px 10px 18px 12px; float:left; font-size:16px; color:#ffffff; }

.menu span{margin:0px 10px 0px 10px;}

.menu td{text-align:center; }

.menu td a{ display: block; }
.menu td:hover { background-image:url('images/small1.png'); }

.left-menu a{text-decoration:none; color:#ffffff;}

.left-menu a:hover{text-decoration:underline; color:#ffffff;}

.menu a{text-decoration:none; color:#ffffff;}

.menu a:hover{ color:#ffffff;}



prosze o pomoc jeżeli były by potrzebne jakieś informacje to napisze