блок с текстом на фоне картинки

[new-dev]

как сделать блок с текстом на фоне картинки... У меня header-bg большой, и если я его ставлю center top , отоброжается всё ок по экрану как надо но в высоту получается высокий и отступ большой до header-bg , мне надо текст поднять, как сделать чтоб он виден был на фоне бг? либо что можно с бг сделать?

 

.bg-header {    

position: relative;    

height: 784px;    

width: 100%;    

background: url(/img/titulinis/header_bg.jpg) center top no-repeat;    

background-size:cover;    

-webkit-background-size: cover;    

-moz-background-size: cover;    

-o-background-size: cover;

}

 

http://prntscr.com/3hvbm6

http://prntscr.com/3hvbkf

 

 

 

если делаю контент делаю relative or absolute , и маргин топ -20% встает как надо, надо экран сужаю когда начинает бг хэдера толкает вниз контент, перепробовал много что не вижу вариантов как решить это

[Ironimus]

Если я вас правильно понял, то не ставьте margin-top в процентах, так как они высчитываются от ширины элемента родителя.