Hello. Such a problem on the layout. There are two nested divas, each of them has a background image-background image. Why then the background image of the parent diva is shifted under the background image of the nested.

    1 answer 1

    I understand that you want a total background gradient across the width of the wraaper-header and a centered map on top of it?

    Firstly, your background image is too small (in height) for a gradient: 59px. Secondly, you tell it to appear at the bottom of the wrapper-header block: background: url ("") repeat-x left bottom transparent;

    Cut a high gradient image for the background (the size of the wrapper-header height). And in principle, the positioning on the bottom can be left.

    Also pay attention to CSS3 gradients .

    • Thanks for the answer. Yes, I did not notice that the height of the picture of the first diva was small, it did not save correctly. - Polita