Не хочется тестировать или проверять, поэтому сделаю предположение по аналогии со вставкой таблицы средствами DOM: иерархия таблицы не table - > tr -> td, a table -> tbody -> tr -> td. Попробуй добавить tbody ... да и стиль применить не помешает - вдруг там белое по белому или размер шрифта никакой или отступы отрицательные ...

Можно пользоваться стилем overflow:hidden у блочных контейнеров - очень действенная штука.

Конечно, к овнеру! Просто я ж не знаю, помещается твой див в другой контейнер или просто на страницу.
Хотя можно также применять и к этому диву, тогда он не будет раздвигаться по высоте в засисмости от контента и будет соответствовать заданной высоте. Если страница все равно раздвигается, значит, его координата + высота превышает высоту страницы. Это раз.
Второе - при добавлении дива прямо на страницу он помещается не перед контентом, а после него. Тогда надо играться с его положением (задавать абсолютное позиционирование относительно родителя с хотя бы позиционированием relative). Но решение может быть после появления соответствующей задачи.