title: Disappearing Input submit button using css
body: <p>I have an input submit button with with following code in it</p>
  
  <pre><code>&lt;input class="buttons" type="button" onclick="javascript:jQuery(xxxx)" style="font-size: 12px;" value="Invite to Bid"&gt;    
  </code></pre>
  
  <p>The following is the css function that put an elegant "Go" image over the Button </p>
  
  <pre><code>.buttons {
  background: url("/images/default/product/go_bt.png") no-repeat scroll 0 0 transparent;
  }
  </code></pre>
  
  <p>But now both image and button graphics is shown
  Right now,in order to blank the value I have used the following css code</p>
  
  <pre><code> input.buttons {
  color: transparent;
  }
  </code></pre>
  
  <p>But still the input button graphics is not disappearing, only its value has gone.. Is there any possibility to disappear this input button graphics using class-buttons in css, so that I can have just the function with "go" image...</p>