некорректно отображается margin-top в процентах

Проценты выставлены правильно, но .mycompany не там где должен быть по макету. От верхнего края он обязан находится на отдалении в 59px, вся высота .mycompany составляет 790px. Но! при использовании top всё работает правильно

CSS

* {
    margin: 0;
    padding: 0;
}
.general {
    height: 6200px;
}
header {
    height: 790px;
    background-color: black;
}
.mycompany {
    position: relative;
    margin-left: 12.1%;
    margin-top: 7.2%;
    color: white;
    font-size: 1.5em;
    display: inline-block;
    text-transform: uppercase;
}

HTML

<div class="general">

    <header>
        <span class="mycompany">mycompany</span>
    </header>

</div>