10px form button with '+' and '-' needed

[leehinkleman]

Trying the following style,
input.u{width:10px;height:10px;text-align: center}
with the button,
<input class=&quot;u&quot; type=&quot;button&quot; value=&quot;+&quot;>
seems to result in the '+' value being lost from the button's small display area.
...adding margin:0px; didn't seem to help...
Is there a simple way to make the '+', or a '-', display on the button.
Alternatively could a background image be used to display an 'up' arrow on one button and a 'down' arrow on the partner button of the pair, which is planned for use adjusting quantities in text inputs?
Thanks for you advice.

 

[greelmo]

the only problem i ran across when i made that script is the &quot;+&quot; appears at the very bottom of the button rather than in the center. The plus appeared perfectly. I'm using IE on a macintosh.

Later,
Greelmo