Horizontalne dropdown menu sticky problem

body {background:black; margin:0px; padding:0px}

#navigacia_obal {
background:rgba(84,118,164,0.5);
height:40px;
width:99%;
padding:5px;
text-align:right;
color:white;
top: 0;
margin:0 auto;
position:fixed;
margin-top:0px;
}

a:link, a:visited {text-decoration:none; color:silver;}

#navigacia_obal ul {padding:0px; margin-top:0px; margin-right:2%; }
#navigacia_obal ul li {background:black; text-align:center;  padding:10px; display:inline-block; width:130px;}
#navigacia_obal ul li:hover {background:red; display:inline-block; transition:background 1s; }
.menu ul{display:none;}
.menu:hover ul  {display:inline-block; margin-left:-10px;  padding:0px; float:left; position:relative; top:10px;}

<div id='navigacia_obal'>
    <ul>
        <li>casdc</li>
        <li class='menu'>ASD  
            <ul> 
                <a href="https://www.google.com/"><li>prefdefwef</li></a>
                <a href="https://www.google.com/"><li>prefdefwef</li></a>
                <a href="https://www.google.com/"><li>prefdefwef</li></a>
            </ul>
        </li>
        <li>Kontakt</li>        
    </ul>

</div>