Позиционирование одного слоя внутри другого

Иногда при верстке сайта возникает задача сделать позиционирование одного слоя div внутри другого. У этой задачи есть два решения:

1. Внешний слой div не имеет свойства position в описании стилей CSS. Внутренний слой позиционируется абсолютно относительно левого верхнего угла страницы с заданием свойств position:absolute, и позиции top и left. Однако не всегда можно позиционировать слой относительно левого верхнего угла страницы, особенно в случаях, когда шаблон сайта верстается независимым от ширины страницы (резиновый шаблон).
2. Внешнему слою задается значение position:relative, тогда дочерний (внутренний) элемент div начнет позиционироваться уже внутри родителя. Т.е. задав вложенному слою свойство position:absolute можно позиционировать его уже относительно левого верхнего угла родительского div: