CSS下拉菜单不显示子元素

Question

我正在努力获取我的CSS菜单设置，我已经遵循了一些教程，但在隐藏了一些二级菜单

项目后让自己陷入困境。我只是希望这些物品出现在父母的正下方。 （不像我见过的大多数教程那样）

我的代码在这里     http://codepen.io/anon/pen/pJMdqv

HTML

$zip = new ZipArchive();
$filename = "D:/home/site/wwwroot/test112.zip";
if ($zip->open($filename, ZipArchive::CREATE)!==TRUE) {
    exit("cannot open <$filename>\n");
}
$zip->addFromString("testfilephp.txt" . time(), "#1 This is a test string added as testfilephp.txt.\n");
$zip->addFile("D:/home/site/wwwroot/.user.ini");
echo "numfiles: " . $zip->numFiles . "\n";
echo "status:" . $zip->status . "\n";
$zip->close();

CSS

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Lessons</a></li>
        <ul>
            <li><a href="#">Lesson 1</a></li>
            <li><a href="#">Lesson 2</a></li>
        </ul>
        <li><a href="#">Dictionary</a></li>
        <ul>
            <li><a href="#">Phrases</a></li>
            <li><a href="#">Onomatopoeia</a></li>
        </ul>
        <li><a href="#">Sentences</a></li>
        <ul>
            <li><a href="#">Beginner</a></li>
            <li><a href="#">Intermediate</a></li>
            <li><a href="#">Advanced</a></li>
        </ul>
    </ul>
</nav>