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