Нижняя рамка активных элементов

#reg_auth > a:hover{ 
  color: #dfdfdf; 
  border-bottom: 3px solid silver; 
} 
 
a, a:link, a:visited, a:hover, a:active, a:focus { 
  text-decoration: none; 
}

<div id="reg_auth"> 
  <a href="" title="Войти в кабинет пользователя">Войти</a> 
  <a href="" title="Зарегистрироваться на сайте">Регистрация</a> 
</div>

#reg_auth > a:hover{ 
  color: #dfdfdf; 
  border-bottom-color: silver; 
} 
 
a { 
  border-bottom: 3px solid transparent; 
} 
 
a, a:link, a:visited, a:hover, a:active, a:focus { 
  text-decoration: none; 
}

<div id="reg_auth"> 
  <a href="" title="Войти в кабинет пользователя">Войти</a> 
  <a href="" title="Зарегистрироваться на сайте">Регистрация</a> 
</div>