Elemento fisso si sposta allo scroll

[metatad]

Ho un elemento (div) che funge da contenitore della barra dei menu.
L'elemento si presenta con questo codice:

<div class="header-top" id="topbar">

Il CSS relativo è:

.header-top {    
    height:28px;
    position:fixed !important;
    top:0;
    width:100%;
    z-index:100;
    box-sizing:border-box;
    font-family:'Barlow Semi Condensed', sans-serif;
    font-weight:bold;
    font-size:18px;
    line-height:18px;
    color:#651f1f;
    background-color:#658d8c;
}
#topbar {
    position:fixed !important;
}

Ma quando faccio scroll (con la rotellina del mouse) si sposta parzialmente, ovvero sale di circa la metà della sua altezza (scomparendo in parte oltre il margine superiore dello schermo) per poi bloccarsi. Se poi scrollo verso l'alto, torna in posizione regolare. Eppure il position:fixed non mi ha mai dato di questi problemi...
Da cos'altro può dipendere?

[AndreaGiuseppe]

Verifica che non ci sia codice javascript associato a quella #topbar altrimenti potrebbe esserci un contenitore al di sopra della #topbar che ha qualche regola che influisce sulla position di #topbar

vedi qui: https://developer.mozilla.org/en-US/...ed_positioning