margin/padding of submit button with CSS

Hi NG,

I have a submit button on my form with the class "button", i.e.

<input type=button class=button value=XXXX>

The class is currently defined as

..button
{
border: solid 1px #787878;
background-color: #022e72;
color: #f0f0f0;
font-weight: bold;
font-family : arial;
}

The current submit button has spaces on each side, i.e. looks like "
XXXX ". Is there a way to remove/reduce the spaces on either side to
have a button like "XXXX"? I've tried the styles "padding" and "margin" and
set both of them to 0px;
However, those settings won't produce the desired result. padding-left,
padding-right, margin-left and margin-right don't either.

Can anyone help me out here?

cheerio

--
Andreas