Изменение высоты дочернего элемента

ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
} 
 
li { 
  color: white; 
  text-align: center; 
  display: block; 
  float: left; 
  width: 25%; 
  padding: 15px; 
  box-sizing: border-box; 
  background-color: #61CDFF; 
  position: relative; 
} 
li:hover { 
  top: -10px; 
  padding: 25px 15px; 
  background-color: #4BBDF2; 
}

<ul> 
  <li>ГЛАВНАЯ</li> 
  <li>ПРОГРАММЫ</li> 
  <li>ДРАЙВЕРЫ</li> 
  <li>СТРИМЫ</li> 
</ul>