Arkadaşlar merhaba. Aşağıdaki kodlara göre sonuç aşağıdaki resimde olduğu gibi. Açılır menünün ürünlerimiz kısmından başlaması gerekli. Yardımcı olabilir misiniz?
https://imgyukle.com/i/OmHe1b

.menu-alani {
position:absolute;
width:100%;
height:50px;
background:#ccc;
top:70px;
}

.menu {
position:absolute;
width:100%;
height:50px;
line-height:50px;
}

.menu ul {
display:block;
margin:0px;
padding:0px;
}

.menu ul li {
display:inline-block;
list-style:none;
}

.menu ul li a {
text-decoration:none;
padding-left:25px;
}

.menu ul li ul {
position:absolute;
display:none;
width:250px;
}

.menu ul li ul li {
display:block;
}

.menu ul li:hover ul {
display:block;
width:200px;
background-color:orange;
color:#fff;
}


.menu ul li:hover ul a {
display:block;
color:#fff;
}

<?php
<div class="menu-alani">
<div class="menu">
<ul>
<li><a href="#index">Ana sayfa</a></li>

<li><a href="#hakkımızda">Hakkımızda</a></li>

<li><a href="#">Ürünler</a>

<ul>
<a href="index.php">İçecekler</a>
<a href="#">Tatlılar</a>
</ul>

</li>

<li><a href="#referanslar">Referanslar</a></li>

<li><a href="#iletisim">İletişim</a></li>
</ul>
</div>
</div>
?>