Радиус границы не влияет на внутренние элементы.

У меня есть макет, в котором все содержимое страницы находится в рамке со скругленными углами. Это включает заголовок страницы и т. д. У меня есть элемент div, который содержит содержимое моего заголовка, элемент div, содержащий основное содержимое страницы, и элемент div. , который содержит нижний колонтитул. Моя проблема заключается в следующем: поскольку граница моего «заголовка» divне закруглена, большой «контейнер» div, похоже, не округлен вверху. Я исследовал и показал, что это просто "заголовок" div, накладывающийся на "контейнер" div. У меня есть пример здесь: http://jsfiddle.net/V98h7/.

Я попытался округлить границу "заголовка" divдо такой же степени, но это создает небольшой дефект на границе (она получает собственную границу "заголовка" divцвет фона). В отчаянии я также попытался установить z-индекс контейнера на большое число. ТО ничего не сделал.

Я чувствую, что должно быть простое решение этой проблемы. Я не хочу исправлять javascript. Я бы предпочел CSS, но LESS тоже подойдет.