Как расположить элемент HTML-диалога внизу страницы на всю ширину? ⇐ CSS

[Anonymous]

Я пытаюсь разместить элемент HTML внизу страницы и хочу, чтобы он растянулся по всей ширине области просмотра.
Вот CSS, который я пробовал.

Код: Выделить всё

#dia {
padding: 0;
border: 0;
margin: auto 0 0 0;
width: 100%;
}

В основном это работает. Диалоговое окно перемещается в левый нижний угол страницы.
Однако диалоговое окно не достигает правой части области просмотра.


JSFiddle: https://jsfiddle.net/ b078wk6m/
Есть идеи, почему он не доходит до правого края? И как мне добиться, чтобы он достигал правого края для любой ширины экрана?

Подробнее здесь: https://stackoverflow.com/questions/785 ... full-width