droom: Position relative und bottom 0px

Beitrag lesen

Hi folks,

ich habe gesucht aber keine Lösung für mein Problem gefunden.

Ich habe folgendes:
<div id="main">
<p id="footer">
Impressum
</p>
</div>

und der style:
#main {
background-color:white;
height:100%;
margin:0pt auto;
width:963px;
}

der footer soll nun als P oder DIV immer ganz unten stehen. Ich habe mit:
p#foot {
padding:0px;
margin:0px;
position:relative;
bottom:0px;
vertical-align:bottom;
width:963px;
}
aber der footer steht immer ganz oben. Hat jemand ne Idee, was ich da falsch machen? Ich möchte keine absolute Positionierung haben, weil Inhalte noch vor dem Footer ev kommen. Der Footer soll einfach immer unten mit margin-bottom:0px.