ну попробуйте вычислять высоту экрана пользователя и подстраивать ваш main под его экран
jquery
$(document).ready(function(){
$(document).find('.main').css('top', screen.height);
})
без jquery
onload = function(){
main = document.getElementsByClassName('main')[0]
main.top = screen.height
}
но и здесь есть подводные камни, если текст в вашей верхней части экрана дойдет до низу экрана, то он тупо налезит на ваш main, поэтому думаю лучше сделать фиксированной высоту верхней части сайта обернув его в div например, а у нижнего убрать позицию