Не получается обрезать div снизу

Нужно сделать div с повторяющимся по y изображением, который бы начинался через 100 пикселей от верха экрана, и заканчивался тоже за 100. Почему-то сверху всё в порядке(хватило просто position:fixed и top), а вот снизу не помогает ни bottom, ни контейнер и margin-bottom, как описано здесь: http://stackoverflow.com/questions/899107/how-can-i-do-width-100-100px-in-css

Всё равно снизу идёт до самого конца. Это вряд ли м.б. багом браузера(в firefox и chrome одинаково), но ЧЯДНТ, непонятно.

#middle-left
{
 position:fixed;
 width:100px;
 height:100%;
 top:100px;
 bottom:100px;
 left:0px;
 background:url("../img/middle.png") repeat-y;
}