Und dieser text steht rechts
Geht auch im IE
body,html {margin:0; min-height:100%;}
body {font-size:100.01%; color:#222;
padding:20px 30px;
background:url(bug.gif) right bottom no-repeat fixed #FFF;}
Anmerkungen:
Das 'fixed' sorgt dafür, daß das Hintergrundbild immer in der Ecke vom Fenster klebt, egal wie weit der Inhalt reicht.
Ohne 'fixed' sitzt das Hintergrundbild am Ende von body; der kann also mal kürzer oder mal länger als das Fenster sein.
Und dieser text steht rechts
#head {position:relative; width:100%;
border-top:2px solid #052857; border-bottom:2px solid #052857;}
#head img {margin:5px 20px 5px 5px;}
#head p {position:absolute; right:0; bottom:0;
margin:0 20px 0 0; }
Anmerkungen:
Dem container wird mit position:relative eine (halt relative) Positionierung zugewiesen. Erst dann kann dem inneliegenden Blockelement p eine absolute Positionierung zugewiesen werden, welche sich auf das Elternelement bezieht.
Ansonsten würde sich die absolute Positionierung auf body beziehen.
Normalerweise ist ein Blockelement zwar immer 100% breit aber ohne diese Angabe klappts im IE nicht.