title: How to make the value in submit button ,transparent?
body: <p>I have a submit button in a form and i use a css class which sets a background image as the submit button. I need to give a value to this submit button, but i dont want it to be displayed to the user. If i set the css color property to transparent it works fine in my firefox 3.6. But the value gets displayed in ie 6 and 7. How can i solve this problem?</p>
  
  <pre><code>&lt;div  id="upldTempForm" class="pgcontent"&gt;
    &lt;form&gt;
      &lt;div style="text-align:center;"&gt;
        &lt;input type="submit" name="create" value="" class="save" /&gt;
        &lt;input type="button" name="cancel" value="" class="cancel"/&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  
  css
  
  .pgcontent {
      background-color:#ECECEC;
      border:2px solid #E7E7E7;
      margin:30px auto;
      width:820px;
      font-size:12px;
  }
  
  .save{
      background-image:url("../images/save.gif");
      background-repeat:no-repeat;
      width:100px;
      height:40px;
      cursor:pointer;
      background-color:transparent;
      border:none;    
  }
  
  .cancel{
      background-image:url("../images/cancel.gif");
      background-repeat:no-repeat;
      width:110px;
      height:40px;
      cursor:pointer;
      background-color:transparent;
      border:none;
  }
  </code></pre>