Почему не работает ссылка?

Question

[LICVIDE]

<div class="menu">
<div class="zag">
  MENU
</div>
    <ul>
      <li><a href="contact.html">CANTACT</a></li>
    </ul>
  </div>

Взял одну ссылку, но не работаю все ссылке в этом блоке.
Вот CSS

.menu{
  width: 270px;
  height: 475px;
  background-color: #26d2fc;
float: left;
margin: -21px 15px 0px 165px;
}
.menu ul li{
  list-style: none;
  padding-top: 13px;
}
.menu ul li a{
    color: black;
    text-decoration: none;
  font-family: 'Playfair Display', serif;
      font-size: 17px;
padding-left: 40px;

Когда убираю float: left; Всё работает нормально. В чём беда? Прошу Объяснить не только как исправить, но и почему.

Answer 1

[ThunderCat]

Работает вроде, в цсс не хватает закрывающего }