Problemer med lidt padding eller margin

Hej alle.

Jeg står lidt i et problem. Jeg er ved at lave en footer til et template men det driller lidt. Har ikke været ude for dette problem før.

Men min footer består at en footer line og en footercontent area, med et png billede som baggrund. Men når jeg så smider en <p> indeni, så rykker min footercontent sig lidt ned, og har prøvet med lidt margin men uden held.

I får lige min html og css så i måske kan se hvad jeg mener

Håber at nogen der kan hjælpe mig hurtigt da jeg er under lidt tidspress
På forhånd tak

 <div id="footercontent">
     <p class="footercontent">lalalalalalala</p>
     </div>

 #footerline{
     width:776px;
     height:4px;
     background-color:#512a23;
 }
 
 #footercontent{
     width:776px;
     height:100px;
     background-image:url(../img/footerbg.png);
 }
 
 p.footercontent{
     font-size:14px;
     font-family:Arial, Helvetica, sans-serif;
     color:#FFF;
     font-weight:bold;
 }