trouble with INPUT backgrounds

Hi there everyone.

I know this is not really a box, table or grid, but I thought it would be the best match, so apologies up front.

What I am trying to do is have an INPUT field with an image background and a solid black border.

Now I can do the background image just fine, no problems there, however when I set the border-color to #000000 it makes a black border with a grey border on the inside of that. Weird Hey. So what I did was make the background-color #000000 and the border-color to the same color as the background of my site. This works great until you use it on a different color background.

So after all of that my question is: Is there anyway that I can either sort out the border background issue, or make the background-color transparent.

Thanks to anyone who posts.

Just for reference below is the code I'm using:

   INPUT.button {
      font-family: ARIAL; 
      font-size: 12px; 
      height: 26px;
      border-style: solid ;
      padding: none;
      background-color : #000000;
      border-color : #CCCCCC;
      border-width : 1pt;
      background-image: url(../images/cstar_button_off.gif);
   }