Na tym obrazku widać, że menu zawierające „cześć” w każdej linii pojawia się pod elementami ciała, a także pod przyciskiem na ekranie.

Struktura domeny wygląda tak:

Obliczony styl elementu rozwijanego, gdy jest otwarty, to:

background-color: transparent;
color: #999;
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: visible;
overflow-y: visible;
position: relative;
width: 1425px;

Oto jeden z elementów, które pojawiają się w stylu obliczeniowym menu rozwijanego:

box-sizing: border-box;
color: white;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 17px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
overflow-x: visible;
overflow-y: visible;
vertical-align: middle;
width: 74px;
word-spacing: 0px;

Wydaje mi się, że nie mogę użyć właściwej magii dom i css, aby to działało poprawnie. Grałem na pozycji w heirarchii domowej, gdy znajdowałem się wewnątrz paska nawigacyjnego rozwijanego div. Grałem także z indeksem Z zarówno na liście rozwijanej, menu rozwijanym, jak i elementach, które się pojawiają.

Czuję się trochę tak, jakby tu coś fundamentalnego nie widzę. jakieś pomysły?