Верстка макета с responsive по высоте

В приложении базовый макет.

2 колонки: aside и main

в aside есть 2 блока - условно menu и footer

menu - будет переменной высоты (разная высота в разных разделах)

При большом экране, когда высота $(document).height() больше высоты menu+footer,

menu прижато к верхнему левому краю экрана, footer - к нижнему левому.

Позиция блоков - фиксированная, т.е. эти блоки не прокручиваются с прокруткой окна.

При уменьшении высоты рабочего окна браузера, либо при увеличении высоты menu

если их (menu+footer) высота становится больше чем $(document).height(), то они идут подряд

и участвуют в прокрутке НО до достижения нижней границы footer, далее опять фиксируются.

Нужно сделать чтобы все работало. Кроссбраузерно.

Jquery.