One issue I am encountering is with a select option list placed in my body just beneath the bootstrap navbar. The problem arises when I open the select list and then hover over the navbar to access its dropdown menu. I attempted to implement this solution, but unfortunately, it did not resolve the issue.
https://i.sstatic.net/5HO9r.png
.select-style {
width: 100%;
height: 40px;
padding-left: 10px;
background-image: url(/getmedia/f5d6e976-be64-4f97-b0bf-b4bb2c9ddf15/Dropdown.aspx);
background-repeat: no-repeat;
background-size: 12px;
background-position: 96% center;
}
.select-style {
border: 1px solid #ececec;
font-size: 15px;
font-family: arialRegular;
}