Где находится пространство, из которого выходит внешняя полоса прокрутки?

Question

В этом JSFiddle: http://jsfiddle.net/LgX7u/1/ Вы можете видеть, что есть две полосы прокрутки. Я думаю, что там должен быть только один, внутренний, который является частью #b, и я пытаюсь понять, как заставить его выглядеть таким образом (не заставляя внешнюю полосу прокрутки невидимой или что-то еще).

Дополнительное пространство, вызывающее внешнюю полосу прокрутки, вызвано каким-то белым пространством. Если вы установили font-size: 0, он исчезнет и работает правильно, и есть только одна полоса прокрутки. Я не хочу полагаться на это поведение, хотя мне интересно, откуда исходит пустое пространство. Я не вижу, где, так как между div s нет пробелов.

Я также не хочу использовать float, потому что он не применим к моей реальной ситуации.

Редактировать

Вот лучший пример того, что я на самом деле есть, если другой является слишком расплывчатым: http://jsfiddle.net/LgX7u/11/ (использовать веб-инспектор, чтобы увидеть другие .a от края справа).

Answer 1

Убрать этот класс:

div { 
    height:100%; 
} 

Обновленный JSFiddle