Ciao a tutti, sono nuovo del forum e quindi mi scuso subito se ho sbagliato sezione per chiedervi aiuto a risolvere un problema con il css

Ho provato a dare una dimensione al tag <nav>, ma continua a mantere le dimensioni del contenuto. Stesso problema con il tag <a>

Metto qui sotto il codice. Vi ringrazio in anticipo


codice HTML:
<nav id="menu">
   <a href='?page=Categorie'>Categorie</a>
</nav>

codice:
@charset "utf-8";
/* CSS Document */


nav#menu {
    display:inline;
    height:33px;
      width:100%;
    background-color:rgba(0,88,255,1);
    margin-bottom: 20px;
    padding:0 5px;
}


nav#menu a {
    height:100%;
    width:auto;
    margin-right: 40px;
    display:inline;
    padding:0 5px;
    vertical-align:middle;
      
      font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    text-align: center;    
}


nav#menu a:hover{
    background-color:rgba(60,185,255,1);
}