Menu too wide in Firefox 3

[JamesLomas]

For some reason, my menu is wider in Firefox than in other browsers. It seems to break out of its cell and overlap the next cell. See rakeaway.com, rakebackdelivery.com, zenrakeback.com for examples. This is the CSS I'm using for the buttons:

.menubutton {
position: relative;
top: 1px;
float: left;
padding: 3px 3px;
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #90CAFA;
list-style: none;
border-left: solid 2px #51ADF8;
border-bottom: solid 2px #51ADF8;
border-top: solid 2px #51ADF8;
border-right: solid 2px #51ADF8;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}

Does anyone know how to fix this bug? Thanks a lot

[sirtiner]

Play around with margin and padding.

[Marcelo]

You could try changing the padding to 3px 0px 0px 0px and check again.

[JamesLomas]

I changed padding to 3px 0px 3px 0px and it didn't quite fix the problem, but severely reduced it. Thanks guys