I'm working on creating a navigation bar for my website that needs to work well in both mobile and desktop views. I've encountered an issue where adding a new div element within the nav is not displaying correctly, but when I inspect it using Firefox's element inspector and then refresh the site, it works fine. Can anyone offer any assistance?
Below is a snippet of the code for the navigation:
/* CSS declaration for the drop class: */
.drop {
width: 50px;
height: 50px;
background-color: #FFFFFF;
cursor: pointer;
display: block;
position: absolute;
right: 0;
top: 0;
}<nav class="nav" id='navigation'>
<ul style="font: normal 14px Tauri, serif ">
<li style="float: left; border: none ">
<a href='index.php'>test</a>
</li>
<button class="drop"></button>