Как при помощи повторения трех маленьких картинок сделать фон и заполнить им нижнюю часть страницы?

[Кириллиана]

При помощи <div> создан класс, которому задано значение 400×400 px. Внутри этого div создается еще один div - он должен играть роль фона, в нижней части страницы. Собственно, для создания этого фона есть 3 маленьких картинки с нечеткими краями. В css пишем bacground-image, где перечисляем url этих трех картинок. Далее, bacground-repeat со значением repeat-x для всех трех картинок. А вот как в bacground-position и других свойствах в % прописать, чтобы этот фон из трех картинок был скажем так единым полотном, без разрывов, размером был 30% в высоту и 100% в ширину, плотно прилегал к нижней границе контейнера? Нужно иметь ввиду, что сверху, 60% по высоте уже занято другим фоном