возникла ошибка , при наведении на блоки

.block{ 
  height:100px; 
  width:100px; 
  background: #45a163; /*Цвет блоков при начальной загрузки страницы*/ 
  margin: 1px; 
  float: left; 
  border: 2px solid transparent; /*Прозрачный бордер чтоб не прыгало*/ 
} 
.block:hover{ 
  border: 2px solid black; /* Бордюр при навидении, псевдокласс HOVER */ 
  cursor:pointer; 
} 
.one:hover{ 
  background: #bad; /* Цвет при навидении на блок */ 
} 
.two:hover{ 
  background: #f48024; /* Цвет при навидении на блок */ 
} 
.three:hover{ 
  background: #07c;  /* Цвет при навидении на блок */ 
} 
.four:hover{ 
  background: #ffeb3b;  /* Цвет при навидении на блок */ 
}

<div class="block one"></div> 
<div class="block two"></div> 
<div class="block three"></div> 
<div class="block four"></div>