Elastic navigation

Demo implementation by Mathieu 'p01' Henri, for the Ozone Asylum: Elastic menu thread. Tested in Opera 9.5 b9721, Safari 3b4, FireFox 3b3 and IE7.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ullamcorper, velit non varius interdum, libero pede porta massa, non rutrum libero elit ac pede. Ut non augue eget nibh adipiscing consequat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce ipsum tortor, nonummy id, iaculis gravida, gravida fringilla, neque. Sed hendrerit mi at nibh. Proin massa ligula, ullamcorper nec, pharetra ac, lacinia ac, massa. Vestibulum sem diam, commodo elementum, facilisis condimentum, pretium vel, neque. Etiam semper, eros in posuere tristique, erat eros volutpat metus, non molestie ipsum tortor ac velit. Mauris ultricies, justo non vulputate varius, erat ante tempor nisl, in venenatis nunc lectus vulputate lorem. Vestibulum non justo et enim dictum posuere. Vivamus dictum, sem at pulvinar consectetuer, turpis lectus pharetra turpis, sed accumsan leo est at pede. Vivamus at enim. Proin aliquet. Duis nisi. Ut pharetra. Nulla facilisi. Nam luctus nisi at purus. In a lorem. Aliquam blandit mi. Vivamus et enim fermentum elit fermentum porta.

sub heading

Quisque id odio. Phasellus quis orci. Nullam vehicula elit quis risus. Duis pellentesque, magna eu consequat hendrerit, orci massa lacinia nunc, sed consequat ante nisi et tellus. Maecenas orci. Mauris vitae nisl. Nam imperdiet, ante non sollicitudin iaculis, augue arcu fermentum metus, non dictum felis enim eget mauris. Nam eget sem ac felis consequat aliquam. Quisque faucibus. Proin mollis molestie nunc. Nulla hendrerit metus. Maecenas commodo metus nec lacus. Nulla ullamcorper urna ac erat. Donec quis leo. Vivamus cursus mi a mauris. Vivamus mi. Quisque purus.

Aliquam at enim molestie lacus viverra commodo. Quisque at tortor. Etiam in lacus quis nisl dignissim placerat. Aliquam accumsan, sapien et iaculis consequat, erat risus aliquet pede, id hendrerit magna lectus eget ipsum. Praesent pede felis, porttitor eget, pretium ut, suscipit id, ipsum. Integer ultrices faucibus ante. Etiam commodo neque sit amet nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam pellentesque est vehicula mauris. Integer ante felis, pharetra eu, euismod id, imperdiet vel, pede. Pellentesque ac justo non mauris consequat egestas. Sed feugiat augue vitae odio dictum nonummy. Sed laoreet. Mauris nibh quam, mattis sed, fringilla ut, cursus et, augue. In dapibus ante sed sapien eleifend tempor. Integer non tortor a lectus interdum vehicula. Suspendisse hendrerit dapibus mi. Aenean eu nibh nec arcu aliquam mattis. Suspendisse velit justo, viverra ac, blandit vitae, tincidunt vel, ante. Quisque tempus lectus nec mi.

sub heading

Maecenas magna ligula, euismod eget, ullamcorper ac, commodo et, ipsum. Donec ac ligula elementum felis condimentum mattis. Fusce adipiscing velit quis elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean egestas, tortor eget laoreet tempor, mauris augue pellentesque eros, non bibendum est tortor eu justo. Integer auctor convallis nisi. Sed a diam id mi suscipit ullamcorper. Vestibulum mauris. Integer non turpis. Nulla et purus ac lorem gravida malesuada. Nulla vestibulum vestibulum massa. Ut id leo. Nam quis massa vitae nulla nonummy molestie. Vestibulum libero. Sed fermentum, sem in placerat viverra, tellus lectus rhoncus dui, a feugiat augue sapien sed augue. Maecenas urna nisl, scelerisque eu, dictum et, rhoncus a, magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

Morbi imperdiet, dolor posuere venenatis elementum, urna magna porttitor ligula, in porta metus tellus eu enim. Nulla luctus. Vestibulum nunc. Cras vestibulum. Donec vulputate euismod nunc. Morbi quam. Ut consequat dapibus dolor. Praesent sodales, nibh vel eleifend laoreet, velit ligula eleifend magna, id aliquam lacus nulla id mauris. Donec at arcu. Vestibulum risus tortor, tempor ac, pellentesque a, porttitor sed, urna. Nam lectus. Aenean ullamcorper. Suspendisse sodales gravida orci. Fusce quam justo, convallis sit amet, porta et, tempus vel, nibh.