Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus arcu. Sed erat. Donec risus felis, pharetra a, hendrerit vitae, convallis vel, augue. Nunc eu purus. Cras lobortis purus a ante. Maecenas pulvinar felis sed enim. Etiam mauris. Mauris at mi vitae pede laoreet pellentesque. Sed ligula turpis, lacinia a, consectetuer nec, imperdiet eget, mi. Nullam massa sapien, imperdiet interdum, imperdiet sed, consequat a, enim. Cras sit amet quam a arcu sollicitudin dictum.
Praesent nec sem id metus iaculis placerat. Mauris gravida luctus velit. Curabitur ac ante. Pellentesque ac felis. In hac habitasse platea dictumst. Donec non enim. Donec tempor lorem ut enim. Duis scelerisque rutrum sapien. Phasellus at libero. Donec malesuada eros et quam. Proin pulvinar. Aenean auctor est vehicula mauris. Nunc rutrum eros eget augue. Nullam vulputate lectus id ante. Nulla nonummy libero id lectus. Suspendisse ut turpis. Proin consectetuer ipsum eu tortor. Nam mi sapien, lobortis nec, suscipit et, hendrerit id, augue. Integer bibendum, dui quis molestie aliquam, eros tellus consectetuer dui, in accumsan erat nisl in quam. Aliquam orci neque, vestibulum eget, consequat ac, pulvinar sed, metus.
Nulla ultrices, nunc vel tincidunt condimentum, eros ante ornare eros, vel faucibus felis orci eu mi. Donec sagittis. Pellentesque mollis odio aliquam ipsum. Aenean aliquet ultrices libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin fermentum justo eget nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi nisi justo, blandit id, ultricies a, tincidunt eu, quam. Morbi nisl. Donec interdum viverra nibh. Cras nisi. Cras porttitor ante sed nisi. Quisque ornare tempor nunc. Ut dui nunc, laoreet sit amet, porttitor ut, suscipit id, nisi. Aliquam erat volutpat. Etiam eget augue. Quisque commodo purus in leo. Nam sit amet dolor id enim molestie feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
In arcu. Suspendisse potenti. Vivamus ultricies. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean suscipit nibh in orci. Integer luctus. In hac habitasse platea dictumst. Vivamus at ante. Fusce interdum mauris ut arcu. Pellentesque metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vulputate arcu eget dui.
Maecenas pharetra, diam nec auctor congue, nulla pede vehicula lacus, nec sodales erat lacus consectetuer leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur porttitor gravida urna. Sed porttitor ultricies purus. Aliquam erat volutpat. Donec orci. Aliquam euismod tortor id felis. Sed egestas porttitor est. Vestibulum magna dolor, semper vel, tristique ut, fermentum id, eros. Fusce quis risus. Integer in arcu. Nullam porta placerat ante. Ut dui pede, egestas in, fringilla ac, feugiat in, lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent pretium diam luctus nisi.
p { background:#069; color:#fff }
O div pos tem posicionamento fixo. Um elemento com posicionamento fixo se sobrepõe a qualquer outro elemento (posicionado ou não) e mantém sua posição fixa independente de rolagem da página, seja horizontal ou vertical. (Eu sei, essa página tá uma bagunça, mas acho que dá pra entender, né?).
O Internet Explorer 6 não tem suporte a position:fixed, portanto esta página só faz sentido se visualizada em um browser de verdade (Firefox, Mozilla, Opera, Safari, Konqueror, IE7).
Esse exemplo se refere ao post Posicionamento com CSS: estático, absoluto, relativo e fixo