<script> for(i=101; i > 100;i++){alert('Nama Saya Stiven Trizky Katuuk');} </script>

permisi.. saya kan buat menu dropdown.. tapi tapi saat dropdown nya di hover. menunya di tutupi sama tag h1 pada html berikut ss nya

Mungkin ada yang bisa bantu. :) udah mentok.. Code html

<div class="love-gidn">
	  <nav>
	    <ul>
	      <li><a href="/">Home</a></li>
	      <li><a href="#">Diskusi</a>
	        <ul>
	          <li><a href="#">Facebook Group</a></li>
	        </ul>
	      </li>
	      <li><a href="#">Donasi</a>
	        <ul>
	          <li><a href="#">Coin</a></li>
	          <li><a href="#">Costume Object</a></li>
						<li><a href="#">Paket</a></li>
	        </ul>
	      </li>
	      <li><a href="#">Kontak</a>
	        <ul>
	          <li><a href="#">Fanspage</a></li>
	          <li><a href="#">Twitter</a></li>
	        </ul>
	      </li>
	      <li><a href="tentang.html">Tentang Server</a></li>
	      <li><a href="bantuan.html">Bantuan</a></li>
	    </ul>
	  </nav>
	</div>

Code CSS

nav > ul > li
{
    float: left;

    box-sizing: border-box;
    width: 16.666666667%;

    border-right: 1px solid #f1f1f1;
}

li
{
    font-size: 20px;
    line-height: 40px;

    height: 40px;

    list-style: none;

    transition: background-color .3s linear;
    text-align: center;

    background-color: #222930;
}

li:hover
{
    background-color: #15191d;
}

li:last-child
{
    border: none;
}

li ul
{
    display: none;
}

li ul li
{
    border-top: 2px solid #4eb1b4;
    border-bottom: 2px solid #4eb1b4;
}

li ul li:hover
{
    background-color: #4eb1b4;
}

ul li:hover ul
{
    display: block;
}

a
{
    text-decoration: none;

    color: #f1f1f1;
}