CSS div su fixed background

Sveiki, gal kvailas klausimas, bet nemoku susitvarkyti. O kas negerai:

turiu css divo kodą:

div#content{
    background: url('../style/images/page_background.jpg') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     min-height: 1199px;
}

ir atvaizdavimą:

<div id="content">

...

</div>

ir nežinau kodėl, bet man šitą div'ą pakiša po headeriu, ta prasme tiktai div foną. kuomet užmetu foną, jis prasideda nuo pat puslapio viršaus, kaip tai sutvarkyti? man reikia, kad fonas prasidėtų tada, kuomet pradedamas divas, t.y. po headeriu.

screena i stuija

screena i stuija

geras pasakymas ;)

kaip atrodo background paveiksliukas:

kaip atrodo uždėjus:

Na tai tu wrapini headeri. Ismesk headeri pries contenta ir vsio.

nelabai supratau ką turi omeny, man reikia, kad headeris liktų savo vietoje.

<!-- Lets start header of all pages -->

<header>

   <div>
       <img src="style/images/header_logo.png" />

       <div id="links">
           <a href="#" class="active">SMS meeting</a>
           <a href="#">Sexy And Wild</a>
           <a href="#">Hotest dating here</a>
           <a href="#">My honey go WILD!!</a>
       </div>
   </div>

</header>

<!-- The content begin here -->

<div id="content">

<div class="px_40"></div>

   <div class="top_area">
       <div class="top_area">

           <div class="logo">
               <img src="style/images/main_logo.png" />
           </div>

           <div class="search">
           <form>
               <div class="fake">
                  <input type="text" placeholder="Search" name="key" style="width: 200px;"  />
                  <button><img src="http://findicons.com/files/icons/1389/g5_system/32/toolbar_find.png" alt="Paieška" /></button>
               </div>                
           </form>
           </div>

       </div>
   </div>
   <div class="px_1000"></div>
</div>

blin, tu ten nuorodas virsuje uzpaisei, o as galvojau kad tai bacgroundo gabalas, o headeris pas tave content dive... Numesk nuoroda i PM.

Narys wicked pasake:

klaida tame, kad naudoja center center ir jam taip rodo, nes jo monitorius widescreen (daugiau į plotį, mažiau į aukštį, ko pasekoje taip ir gaunasi, kad paveikslėlis centruojamas, bet ištempiamas tiek į horizontaliai, tiek vertikaliai).

Jis man i pm anksciau atsake, nei as atidariau tavo url, tai 3 kart HIP-HIP-VALIO ir panasiai, nes nepatingejo.

O cia jau mano sprendimas:

url("../style/images/page_background.jpg") no-repeat fixed top center 

Narys wicked pasake:

 

 

 

Jis man i pm anksciau atsake, nei as atidariau tavo url, tai 3 kart HIP-HIP-VALIO ir panasiai, nes nepatingejo.

 

O cia jau mano sprendimas:

 

url("../style/images/page_background.jpg") no-repeat fixed top center 

nu matai, wicked yra teisus, bet kitokio sprendimo nelabai yra. o kas dėl naujo kodo, tai ne išeitis, paveiksliukas vistiek kažkiek palindęs po headeriu, aš maniau, kad čia reikia kažkokio kitokio sprendimo.

ir dar tas pats coveris nepilnai matosi, ta prasme nusikerta apatinė jo dalis, šito ir nesuprantu