Edit History

Bonsoir à tous, je me creuse la tête pour 2px.. J'explique, j'ai refait le thème classic enfant entièrement en CSS. Tous est ok, sauf dans le header-nav ou j'ai le bouton hover (fond noir) qui est de 46px de H alors qu'il est déclaré 48px. Du coup j'ai un espace de 2px entre le haut de mon bouton et le haut de la barre de navigation. Voici mon code :

/* =========================
   HEADER (header-nav / header-top)
========================= */

#header .header-nav {
    background: #efe6d8;
    height: 48px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: #c6a85a 1px solid;
}

#header .header-nav a { 
    color: #232323; 
    height: 48px; 
    padding: .75rem; 
    text-align: center; 
    white-space: nowrap; 
}

/*Un fond noir au hover*/ 
#header .header-nav a:hover { 
    background: #000; 
    color: #c6a85a !important; 
    height: 48px; }

et voici ce qu'il raconte :

Une idée car là je sèche, même fait beugué ChatGpt ... Merci et bon code