Dropdown menu not working

Vote count:

0

I have created an html,js,css dropdown menu but can't seem to get it to work. The div does show up when clicking it. The dropdown menu ends up cover by another div. My code is

<ul id="top-useravi" class="column-4">
                    <img src="img" alt="">
                        <li>
                            <ul id="profile-dropdown">
                                <li>View Profile</li>
                                <li>Log Out</li>
                            </ul>
                        </li>
                </ul>

and my css is

#top-useravi{
float:right;
position: relative;
padding: 0.55em 0;
}

ul#top-useravi li {
position: relative;
}

#profile-dropdown{
position:absolute;
background: #fff;
padding: 1em;
top: 100%;
color: #ddd;
z-index:1;
border: 1px solid #ccc;
right: 0;
}

asked 22 secs ago

user3590911

19

Dropdown menu not working