title: button img not showing
body: <p>Sorry for my beginner question.
  My image is not showing, but I do not know why. I have tried 'background-position: center;' and with 'px' values as well. The only way I can see my image if I delete 'no-repeate', but than it fills my box with hundrends of arrows. Any suggestion? I need the image only once in the center of the box.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;input id = &quot;leftBigArrow&quot; type=&quot;button&quot;&gt;
  </code></pre>
  <pre class="lang-css prettyprint-override"><code>#leftBigArrow {
      width: 20px;
      height: 400px;
      cursor: pointer;
      border: none;
      background-image: url('images/arrow.svg') no-repeat;
      padding: 0;
  }
  </code></pre>