Вертикальные поля исчезают, если для родительского элемента установлено значение overflow:visible

Почему вертикальные поля исчезают, когда для родительского элемента установлено значение overflow:visible? Если установлено значение overflow: скрытые поля снова видны. Это кажется нелогичным.

Думаю, я понимаю, как должно работать переполнение, когда содержимое элемента не может вместиться в него, но я не понимаю, что происходит с полями.

Вот пример: ( http://jsfiddle.net/VrVc7/)

#outer {
    background-color:#EEE;
    overflow:hidden;
}

#inner {
    margin: 30px;
    padding: 5px;
    background-color:#ABE;
}


    
abc