css margin

[hultay]

Mam problem z ustawieniem marginesu. Utworzyłem div class="banner" w którym za tło podstawiam obrazek. W body mam margin: 0 auto;
Gdy próbuje utworzyć selektor dla akapitu w bannerze (div.banner p) i ustawić margines górny na 30px to przesuwa się nie wpisany tekst ale cały obrazek. Ustawienie position: absolute rozwiązuje problem ale to raczej nie o to chodzi.

Kod:
----css----
body
{
text-align: center;
margin: 0 auto;
}

div.banner
{
width: 100%;
height: 400px;
background: rgb(117,155,192) url(images/banner.jpg) center no-repeat;
margin: 0;
}


----html----
<div class="banner">
<p>Naglowek</p>
</div>

Ten sam problem mam z innymi elementami strony, pewnie zapomniałem o czymś podstawowym. Proszę o pomoc

[hieroshima]

użyj line-height, albo padding

[hultay]

Tylko chciałbym na przyszłość wiedzieć jak ustawiać elementy na stronie. Ciągle żyłem w przeświadczeniu, że jeśli jeden div zawiera się w drugim to ustawiając margines lub procentową szerokość odnoszę się do tego kontenera w którym element się znajduje i że rodzic się nie będzie przesuwał...
Mylę się ?

[Kartofelek]

Jezeli rodzic nie ma overflow:hidden, wtedy marginesy dzieci wychodza poza rodzica.

[hultay]

Dzięki, o taką odpowiedź mi chodziło