<!DOCTYPE html> <!-- Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ --> <html> <head> <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name"> <style> #scroll { overflow: hidden; height: 200px; line-height: 1; } #columns { -moz-column-count: 2; column-count: 2; -moz-column-rule: 1px solid black; column-rule: 1px solid black; height: 200px; width: 200px; } #contain { padding-bottom: 10px; border-bottom: 10px solid gray; } #fill { height: 370px; background: blue; } #sticky { position: relative; top: 190px; width: 10px; height: 10px; background: black; } </style> </head> <body> <div id="scroll"> <div id="columns"> <div id="contain"> <div id="sticky"></div> <div id="fill"></div> </div> </div> </div> </body> </html>