CSS – подменю скрывается за основным контентом ⇐ CSS

[Anonymous]

Код: Выделить всё

nav {
width: 15%; /* Decreased width */
background-color: silver; /* Silver */
color: #333;
float: left;
padding: 20px;
box-sizing: border-box;
height: 100vh; /* Set height to 100% of the viewport height */
position: fixed; /* Fixed position to keep the menu on the screen */
overflow-y: auto; /* Add scroll if content exceeds height */

}

nav ul{
position: relative;
list-style-type: none;
}

nav ul li a{
display : flex;
align-items :  center;
font-family: arial;
font-size: 1.15em;
text-decoration: none;
text-transform: capitalize;
color: #000;
padding: 10x 30px;
height: 50px;
transition: .5s ease;[enter image description here](https://i.sstatic.net/LhoWh10d.png)
border-radius: 0 30px;
}

nav ul .dropdown{
position : relative;
}

nav ul li a:hover{
background: rgba(0,0,0,0.7);
color: #fff;
}

nav ul ul{
position: absolute;
left: 250px;
width :200px;
top: 0;
display: none;
background: rgba(155,39,176,.4);
border-radius: 5px;
box-shadow: 2px 2px 10px rgba(0,0,0,1);
z-index: 1;
}

nav ul ul span{
position: absolute;
right: 20px;
font-size: 1.5em;
}

nav ul .dropdown:hover ul {
display: initial;
}






[list]
[*][url=javascript:void(0);]Dashboard[/url]
[*][url=javascript:void(0);]Sales[/url]
[*][url=javascript:void(0);]Purchases[/url]
[*][url=javascript:void(0);]Products[/url]
[*][url=javascript:void(0);]Payments[/url]
[*][url=javascript:void(0);]Inventory[/url]
[*][url=javascript:void(0);]Accounts[/url]
[*][url=javascript:void(0);]Collection[/url]
[*][url=javascript:void(0);]Reports› [/url]

[url=javascript:void(0);]Ledger[/url]                [*][url=javascript:void(0);]Inventory[/url]                [*][url=javascript:void(0);]Purchases[/url]
[/list]






Welcome to the Billing Software
Select an option on the left to view specific content.

когда я нажимаю «Отчеты», в правой части должно отображаться подменю с книгами опций, запасами и покупками. Подменю отображается, но оно СКРЫТО за областью «основного содержимого», а не должно быть видно сверху.
как мы можем этого добиться?

Подробнее здесь: https://stackoverflow.com/questions/785 ... in-content