<!DOCTYPE HTML> <html> <body> <style> a { position: absolute; width: 10px; height: 10px; top: 0; left: 0; background: blue; } f { position: fixed; width: 10px; height: 10px; bottom: 0; left: 100px; background: lime; } fieldset div { -moz-columns: 2; -moz-column-fill: auto; } fieldset { border: 1px solid; } .rel { position: relative; } </style> <fieldset style="overflow:hidden; width:300px; height:200px;"> <legend>Legend</legend> <div class="rel" style="-moz-columns: 2; width:100%; height:100%;"> <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <p>X <a></a><f></f> </div> </fieldset> <fieldset style="width:600px; height:7em; overflow:hidden"> <legend>Legend</legend> <div class="rel" style="-moz-columns: 3; -moz-column-gap:2em; -moz-column-rule:3px solid; -moz-column-width:3em; width:100%; height:100%"> <p>X <p>X <p>X <p>X <p>X <p>X <a></a><f style="left:120px"></f> </div> </fieldset> <fieldset style="overflow:hidden; width:300px; height:2em;"> <legend>Legend</legend> <div> <p>X <a></a><f style="left:140px"></f> </div> </fieldset> <fieldset style="width:600px; height:2em"> <legend>Legend</legend> <div> <p>X <a></a><f style="left:160px"></f> </div> </fieldset> </body> </html>