title: Image background and text for input submit button - CSS
body: <p>I'm trying to make a button for my form which has an image background and displays the text on top of the background. Seems very simple but I'm struggling to get the text to appear no matter what I try and struggling after an hour of searching to find someone with a similar problem so assume I'm doing something stupid!.</p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>#detail-left .cart-button {
      background : url("../graphics/cart-button.png");
      border : none;
      color : transparent;
      height: 48px;
      width: 118px;
      padding: 10px;
      line-height: 48px;
  }
  </code></pre>
  
  <p>and my html:</p>
  
  <pre><code>&lt;input class='cart-button' type='submit' value='Add' /&gt;
  </code></pre>