Как можно DIV разместить поверх другого DIV-а с определённым смещением?
#layer{
  position: relative;
   ...
}
Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.
#my_block {
  position: absolute;
  left: 50%;
  margin-left: -150px; /* половина ширины блока, который центрируем */
}