<div style="position:fixed; bottom:0; width:100%; height:99px; background-image:url(../images/background_4.png);">
<p style="width:770px; margin:0 auto; padding:30px 0 0 0; line-height:69px; color:#fff; font-size:smaller">
Gregor blabla
</p>
</div>
Danke für das Code-Snipplet. Jetzt wird es richtig gerendert.
allerdings ist das image (footer.png) jetzt nicht mehr zentriert,
sondern linksbündig.
Falls du auf die Grafik bestehst, benutze nicht obigen zweiten Vorschlag, sondern den ersten:
<p style="position:fixed; bottom:0; width:100%; height:99px; padding:0; background-image:url(../images/background_4.png); text-align:center;">
<img src="../images/footer.png" style="display:inline">
</p>
Tipp: Mit der Firefox-Erweiterung Firebug kannst du CSS-Eigenschaften wie auch den HTML-Code direkt im Browser ändern. Erleichtert das Probieren bzw. die Fehlersuche ungemein, weil die lästige Wechselei zum Texteditor wegfällt.