Problema menu fixed y padding

[warywin]

Hola, mi problema esque mi header-menubar, esta fijo y el main o la pagina principal al tener un 100% ocupa toda la pantalla posicionandose tambien debajo del header como si este no estuviera o no fuera relativo, no se si me entendeis. He probado todo, me funciona añadiendo el padding-left:80px al main pero cuando uso jquery para animar la pagina esto me crea un problema y me gustaria no usar ningun padding que podria hacer? ya no se me ocurre nada

HEADER-MENU:

Código CSS:

header{
        position: fixed;
        width: 80px;
        min-height: 100%;
        background: #555; 
        float: left;
        z-index: 9999;
    }
 

PRINCIPAL:

Código CSS:

.main{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    padding-left: 80px;
    background: #333;
    
}