html.de - Dropdown Menü klappt nicht auf (ul li:hover ul)

HTML

<ul>
  <li><a href="#">Start</a>
    <ul>
      <li><a href="#">123</a></li>
      <li><a href="#">456</a></li>
    </ul>
    </li>
  <li><a href="#">Punkt1</a>
    <ul>
      <li><a href="#">789</a></li>
      <li><a href="#">012</a></li>
    </ul>
    </li>
  <li><a href="#">Punkt2</a>
    <ul>
      <li><a href="#">345</a></li>
      <li><a href="#">678</a></li>
    </ul>
  </li>
</ul>

CSS

ul {
  list-style: none;
}

a {
    display: block;
    text-decoration: none;
}

ul ul {
  display: none;
}
 
ul li:hover ul {
  display: block;
}