I have set up this post as an example of what might be done for Activity 501.
By setting one box within another and giving the inner boxes relative coordinates with respect to the outer box allows such things as headers to be displaced from the content.
As relative positioning is being used in the inner boxes then the outer reference box can be moved to another part of the screen and the positioning will still work.
You can see the HTML by loading the example using the link above and using view source in your browser.
The CSS can be seen by linking to it on the wiki.
Notice that I have put additional explanations in the page itself, and as comments in the HTML and CSS codes. You can do this or put more explanation here.
