CSS/HTMLが新しく、ドロップダウンメニューを使って水平方向にナビゲートしようとしています。私はnavを作ったが、私はそれをページに集中させるのが難しい。HTML Horizontal Nav Center
#NavigationTop ul{
list-style: none;
position:relative;
margin:0 auto;
padding-right: 1px;
width: 1075px;
}
#NavigationTop ul a{
color:#ffffff;
text-decoration:none;
font-weight:700;
font-size:15px;
padding:0 15px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 50px;
text-transform: uppercase;
}
#NavigationTop ul li{
background-color: #343434;
width: 215px;
height: 50px;
position:relative;
float: left;
margin:0 auto;
text-align: center;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#NavigationTop ul li:hover{
background-color: lightseagreen;
}
#NavigationTop ul li a:visited{
color: #ffffff
}
#NavigationTop ul ul{
display:none;
position:absolute;
top:100%;
left:0;
padding:0;
margin: 0;
}
#NavigationTop ul ul li{
float:none;
width:215px;
border-bottom: 1px solid;
}
#NavigationTop ul li:hover > ul{
display: block;
}
<nav id="NavigationTop">
<div id="main-nav">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="bio/index.html">BIOGRAPHY</a></li>
<li><a href="discography/index.html" class="disco">DISCOGRAPHY</a></li>
<li><a href="media/index.html">MEDIA</a>
<ul>
<li><a href="#">Audio</a>
<li><a href="#">Video</a>
<li><a href="#">Photos</a>
</ul>
</li>
<li><a href="contact/index.html">CONTACT</a></li>
</ul>
</div>
</nav>
私は多くのエラーがあると確信しているが、私はそれが中心にするために何ができますか?また、navにメインulからオーバーフローを隠しても、ドロップダウンメニューを表示させることは可能ですか?ありがとうございました。