Невозможно изменить фоновое изображение кнопки

Question

на самом деле я работаю над этим элементом http://zag-test.nowcommu.myhostpoint.ch/

Что мне нужно, чтобы добавить фоновое изображение в кнопку «Click». Я пытаюсь, но я не вижу результатов. Это HTML, а затем CSS

<div class="component"> 

      <!-- Start Nav Structure --> 
      <button class="cn-button" id="cn-button">Click</button> 
      <div class="cn-wrapper" id="cn-wrapper"> 
       <ul> 
        <li><a href="#"><span>07.45 Uhr</span></a></li> 
        <li><a href="#"><span>07.55 Uhr</span></a></li> 
        <li><a href="#"><span>08.15 Uhr</span></a></li> 
        <li><a href="#"><span>08.17 Uhr</span></a></li> 
        <li><a href="#"><span>10.47 Uhr</span></a></li> 
        <li><a href="#"><span>13.20Uhr</span></a></li> 
        <li><a href="#"><span>16.30 Uhr</span></a></li> 
       </ul> 
      </div> 
      <!-- End of Nav Structure --> 
     </div> 

CSS

.cn-button { 
position: absolute; 
top: 100%; 
left: 50%; 
z-index: 11; 
margin-top: -2.25em; 
margin-left: -3.78em; 
padding-top: 0em; 
width: 7.5em; 
height: 7.5em; 
border: none; 
border-radius: 50%; 
color: #f9d70a; 
text-align: center; 
font-weight: 700; 
font-size: 1.3em; 
text-transform: uppercase; 
cursor: pointer; 
-webkit-backface-visibility: hidden; 
background-image:url('/css/clock.jpg');} 

Answer 1

фоновое изображение на самом деле видно ... его просто способ огромный ...

просто добавить background-size: 100%; и вы должны см. его)