Вопрос HTML - текст выходит за рамки div'a

[пппппппппп]

Не кидайтесь тапками, пожалуйста)
Есть HTML код (стили к нему тоже прикрепил), он на первой картинке.
Там много надписей "b", каждая является параграфом и начинается с новой строки. Все они находится в диве "messageDiv". Когда надписи доходят до дна, то выходят за его рамки. Что нужно дописать/изменить, чтобы такого не было?

 

[FeeMan]

Моленькие тёмные картинки

 

[БАСОТА]

Надо ограничить пространство блока overflow:hidden и поставить overflow-y:auto; но всё это работает при ограниченной высоте блока

 

[Саня326]

#messageDiv { overflow: auto; }

 

[Витя555]

А зачем вам вообще вложенные дивы, да еще и с разными ид ?

 

[jkozi1]

height: auto; в messageDiv