[CSS] Top: -500px; Opcje

[Stiffler]

Witam,
Zaczynam kopiowac http://www.brain-line.pl/sloma1/. Chce przepisać wszystko dla siebie. W celach naukowych.
http://brain-line.pl/sloma1/idealne/ <=== To jest moj początek.
Chodzi mi o te kwiatki i logo. To jest w osobnych plikach i to musi byc nalozone na siebie. Do tego musialem uzyc top: -500px; Tylko czy to jest poprawnie? Tak się ogólnie robi?

[HTML] pobierz, plaintext 
img.kwiatki{
  top:-70px;
  position:relative;
  z-index:-1;
 display: block;
    margin-left: auto;
    margin-right: auto;
}
 
img.logo{
  position:relative;
  top:-500px;
  z-index:1;
  padding-left:20px;
}
 
#srodek{
  background: #fff;
border: 1px solid #d7d5d5;
border-radius: 10px;
-webkit-border-radius: 10px;
margin: 0 0 20px;
position: relative;
width:100%;
height:1200px;
top:-470px;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
 <div id="cialo">
    <img src="images/kwiatki_top.png" class="kwiatki">
    <div id="cialo-in">
      <div id="baner">
 
      <img src="images/logo.png" class="logo">
 
      </div>
[HTML] pobierz, plaintext 

Nie wydaje mi się