Как прилепить к верху страницы ячейки меню в grid layot'ах?

Здравствуйте! Не могу никак допиться результата.
Нужно чтобы ячейки меню при скролле вниз страницы прилеплялись к верху, а когда скороллить вверх отлеплялись.
Поддержка браузеров важно - IE9
Есть ли другие варианты добиться такого результата не используя grid'ы?
Jsfiddle