Drop down menu 导航栏子菜单

我无法正确显示导航栏上的子菜单-悬停似乎不是在正确的链接（“媒体”）上，而是在两者之间，下拉菜单显示在右侧，而不是在“媒体”链接下

感谢您的建议

HTML:

---

将整个子列表ul包含在A标记内，而不是后面。这意味着您还需要调整nav ul li:hover>ul行（如果不需要进一步的级别，您可以放下>）

<nav>
            <ul>
                <li><a href="index.php" title="home">Home</a></li>
                <li><a href="about.php" title="Find out more">About</a></li>
                <li><a href="testimonials.php" title="What my students say">Testimonials</a></li>
                <li><a>Media</a>    
                    <ul>
                        <li><a href="photos.php">Photos</a></li>
                        <li><a href="videos.php">Videos</a></li>
                    </ul>
                </li>
                <li><a href="contact.php" title="Get in contact">More Info</a></li>
            </ul>
        </nav>

    nav ul {
    background-color: black;
    text-align: center;
}

nav ul li {
    display: inline-block;
    padding: 10px;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
    position: absolute;
}

nav ul ul li {
    display: block;
}