Beispiel um position:fixed; auch im IE zu verwenden. Ein Conditional Comment wird eingesetzt, um dem IE ein spezielles CSS zukommen zu lassen (in diesem Beispiel der Einfachheit halber in dieser Datei, kann natürlich selbstverständlich auch extern sein). Innerhalb dieses Stylesheets wird die proprietäre "expression"-Methode verwendet, um die Position der Box bei jedem Scrollen neu zu berechnen.

Damit dies funktioniert, muss der IE in den Quirks-Modus versetzt werden, was über einen Kommentar vor der Doctype-Deklaration geschieht. Dies trifft auch den IE 7 (der position:fixed eigentlich könnte), so dass man das Design evtl. anpassen muss.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam sed odio vel neque accumsan molestie. Aenean erat dui, adipiscing quis, euismod et, luctus quis, purus. Proin posuere eros ac orci. Suspendisse et massa. Curabitur facilisis porttitor nunc. Proin vel libero a quam tempus laoreet. Pellentesque volutpat volutpat mi. Ut nisl sem, porta in, dapibus sit amet, mattis et, est. Maecenas nec ipsum. Ut vulputate. Aliquam mi nulla, ultrices in, cursus sed, nonummy a, dolor. Cras sed dui. Aliquam lorem libero, auctor at, sagittis ac, imperdiet a, ipsum.

Etiam a orci vel est vulputate consectetuer. Curabitur eleifend porta arcu. In hac habitasse platea dictumst. Aenean augue turpis, semper et, interdum ac, iaculis imperdiet, ipsum. Donec ante. Curabitur scelerisque. Aenean mauris. Morbi mi. Etiam lorem turpis, semper in, aliquet ac, viverra ut, nisi. Morbi auctor, lectus non molestie laoreet, ipsum erat porta ipsum, eget commodo lacus lacus et purus. Maecenas at augue eget libero rhoncus viverra. Sed scelerisque pulvinar leo. Nullam iaculis, lectus sed porta varius, augue nunc volutpat enim, ac convallis mi quam sit amet mauris. Fusce id est facilisis risus scelerisque bibendum. Curabitur sed velit. Fusce non sem non enim sodales aliquam. Donec enim. Fusce in orci sit amet velit volutpat pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec suscipit.

Aliquam ipsum pede, pulvinar a, rutrum id, consectetuer tempor, pede. Mauris et eros cursus mi ornare imperdiet. Praesent pharetra. Nullam fringilla ligula eget lorem. Suspendisse dapibus. Sed turpis. Nullam malesuada blandit risus. Praesent ultrices tincidunt dolor. Donec erat nunc, scelerisque quis, pharetra at, egestas non, eros. Etiam pellentesque pharetra leo. Maecenas lacus. Nulla eu odio. Cras id tortor eget tortor scelerisque ultrices. Nam non orci. Aenean ac augue. Praesent hendrerit nulla at lorem lacinia accumsan. Duis dui leo, consequat a, cursus eu, sagittis ut, turpis. Nulla odio. Fusce nulla felis, luctus porttitor, vulputate a, scelerisque id, orci.

Fusce pretium, tortor ac lacinia congue, turpis orci eleifend urna, vel porttitor erat est eget felis. Proin commodo, ligula sit amet facilisis dignissim, pede odio lacinia dui, vitae ultricies nibh sem nec dui. Vivamus facilisis, sapien auctor suscipit gravida, nibh enim convallis magna, sed consectetuer metus lacus in diam. Quisque tristique blandit risus. Nullam vitae tellus nec turpis scelerisque ornare. Etiam velit turpis, euismod at, consequat ut, egestas ac, leo. Fusce rhoncus, mauris in auctor aliquet, elit urna rutrum ante, sed posuere nulla urna a velit. Vestibulum varius. Duis diam. In egestas accumsan leo. Cras nisl. Phasellus leo metus, adipiscing nec, accumsan vitae, feugiat in, augue. Vivamus at risus eu arcu feugiat luctus. Ut gravida tempor orci. Integer rutrum leo nec massa.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc pretium tincidunt orci. Curabitur malesuada orci a eros. Praesent ac massa. Nulla facilisi. Cras eget risus ac metus adipiscing feugiat. Fusce vitae est. Mauris a mauris auctor felis iaculis consequat. Morbi arcu ipsum, tempus id, lacinia ac, accumsan id, mauris. Curabitur laoreet ante vel turpis. Curabitur ipsum dui, eleifend id, interdum at, aliquet id, purus. Nunc congue ligula eu nisi. Donec imperdiet.

Etiam a orci vel est vulputate consectetuer. Curabitur eleifend porta arcu. In hac habitasse platea dictumst. Aenean augue turpis, semper et, interdum ac, iaculis imperdiet, ipsum. Donec ante. Curabitur scelerisque. Aenean mauris. Morbi mi. Etiam lorem turpis, semper in, aliquet ac, viverra ut, nisi. Morbi auctor, lectus non molestie laoreet, ipsum erat porta ipsum, eget commodo lacus lacus et purus. Maecenas at augue eget libero rhoncus viverra. Sed scelerisque pulvinar leo. Nullam iaculis, lectus sed porta varius, augue nunc volutpat enim, ac convallis mi quam sit amet mauris. Fusce id est facilisis risus scelerisque bibendum. Curabitur sed velit. Fusce non sem non enim sodales aliquam. Donec enim. Fusce in orci sit amet velit volutpat pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec suscipit.

Aliquam ipsum pede, pulvinar a, rutrum id, consectetuer tempor, pede. Mauris et eros cursus mi ornare imperdiet. Praesent pharetra. Nullam fringilla ligula eget lorem. Suspendisse dapibus. Sed turpis. Nullam malesuada blandit risus. Praesent ultrices tincidunt dolor. Donec erat nunc, scelerisque quis, pharetra at, egestas non, eros. Etiam pellentesque pharetra leo. Maecenas lacus. Nulla eu odio. Cras id tortor eget tortor scelerisque ultrices. Nam non orci. Aenean ac augue. Praesent hendrerit nulla at lorem lacinia accumsan. Duis dui leo, consequat a, cursus eu, sagittis ut, turpis. Nulla odio. Fusce nulla felis, luctus porttitor, vulputate a, scelerisque id, orci.

Test