Создание диалогового окна
 

Добрый день.
Пытаюсь сделать диалоговое окно. Тут пример: https://jsfiddle.net/0rw5b5nq/3/.

Когда двигаешь уголок для УВЕЛИЧЕНИЯ окна, то все смотрится хорошо. Когда двигаешь его для УМЕНЬШЕНИЯ окна, то блок с содержимым меняется, а заголовок окна нет! Хотя он должен это делать (как виндосовские окна).
Вопрос: как заставить меняться в размерах все окно, а не его отдельные части? Верстку сменить или стили как-то поменять? Или без JS тут не обойтись?

PS Если установить

resize: both;
overflow: auto;

на самый внешний div, то меняться все будет, но тогда прокрутка будет не под заголовком, а рядом с ним. Это неправильно.

Так его и нет у внешнего изначально.

Народ, что, никто не знает, как делать растягивающиеся окна на css+html?

xmlns, лучше написать свой resize, который будет работать не только с overflow: auto.