header & banner image issue

my problem is with the header and banner image. current CSS code that I have here

.site-header,
.site-header.float-header {
        position: static;
        background-color: #252525;
}

it is messing the header area over the banner image. banner image comes fully open only when you scroll down the page