درود

اگر به پراپرتی background-color در بخش هاور !important اضافه کنید و رنگش رو یچیز واضح مثل قرمز بذارید میبینید که اعمال میشه:

nav ul li:hover {
  background-color: red !important;
}

اما اگر همین کار رو با بوردر بکنید میبینید که اوکی نمیشه و نمایش داده نمیشه. علتش هم این هست که nav خیلی به بالا چسبیده. برای اصلاحش کافیه این کد رو در body اضافه کنید:

body {
  padding-top: 5px;
}