This example of a Facebook-style Overlay is created with YUI 3 and CSS 3.
The overlay is modal, auto-hides, and keeps itself aligned.
925 HTML
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam orci nulla, porttitor ut convallis a, consectetur sed felis. Suspendisse orci orci, vestibulum id aliquet in, tincidunt et enim. Integer quis posuere enim. Praesent viverra tristique euismod. Mauris viverra laoreet imperdiet. Aliquam dignissim accumsan rutrum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Mauris vitae neque vitae diam convallis mattis. In hac habitasse platea dictumst. Nunc convallis vestibulum nulla, nec aliquet felis tempus sit amet. Donec ac risus ligula, sed luctus arcu. Duis aliquet bibendum sapien, eu condimentum quam dignissim vitae.
Donec euismod hendrerit lectus, congue pretium tortor auctor non. Mauris congue turpis vel lectus faucibus ultrices. Suspendisse hendrerit, massa bibendum iaculis scelerisque, leo lorem eleifend augue, et tristique massa velit nec magna. Cras malesuada quam congue ante viverra at molestie sem rutrum. In hac habitasse platea dictumst. Duis sed egestas tellus. Nunc eget purus quam. Quisque tincidunt risus eu ipsum facilisis sagittis. Vivamus tempor est in turpis bibendum adipiscing. Donec pretium egestas tristique. Praesent vitae lectus tincidunt tortor euismod vestibulum. Nulla fermentum ornare varius. Donec mollis pretium lectus, in dignissim risus vestibulum et. Ut congue accumsan erat ut facilisis. Sed dolor diam, pulvinar a imperdiet in, viverra ac magna.
Etiam ornare cursus neque eget faucibus. Sed elementum volutpat quam, ut fermentum lacus ultrices eu. Phasellus est felis, lacinia quis porttitor ut, placerat non velit. Vivamus nunc velit, accumsan ac tempor at, placerat a nulla. Nam eu enim ante. Praesent metus diam, blandit sed tristique id, pharetra sit amet nulla. Nullam rhoncus tincidunt metus, quis luctus eros tincidunt eu. Praesent eu lorem vel arcu viverra scelerisque dapibus quis dolor. Nunc ante nulla, sollicitudin sit amet luctus ac, mattis non urna. Ut ullamcorper hendrerit tellus, scelerisque mollis urna laoreet non. Pellentesque bibendum dolor risus, at fermentum risus. Nullam ut tellus purus, eu tristique arcu. Nulla posuere rhoncus viverra. Suspendisse leo sem, tincidunt eu euismod lobortis, accumsan ac lorem. In volutpat velit eu tortor congue non adipiscing nisl varius. Ut porttitor tempor porta. Fusce commodo iaculis tempor. Duis dui lacus, euismod eget lobortis ac, placerat non sapien.
Etiam dignissim pellentesque eros non feugiat. Proin ac varius nibh. Nullam facilisis sodales ultrices. Phasellus metus ipsum, consequat vitae scelerisque in, adipiscing id risus. Aliquam cursus tincidunt placerat. Nullam et libero a dui congue consectetur eget ut nisi. Suspendisse laoreet, dui ut lobortis sollicitudin, diam enim iaculis nunc, sit amet euismod nisi libero vitae est. Praesent pellentesque volutpat nunc sed dapibus. Quisque vitae urna ut nibh egestas posuere sed id tellus. Donec at interdum metus. Vestibulum feugiat purus in velit interdum congue.
Mauris a enim nec risus facilisis placerat nec ac nisi. Vestibulum sagittis, nisl et condimentum accumsan, nunc justo euismod neque, vitae tincidunt leo lorem vitae quam. Donec sagittis enim ut tellus luctus id consectetur ante tempus. Fusce porta sem ac nisi fermentum ut gravida massa elementum. Aliquam erat volutpat. Phasellus iaculis ultrices enim, sit amet porta arcu accumsan non. Integer dui odio, euismod a luctus eu, laoreet in orci. Nulla facilisi. Donec suscipit feugiat feugiat. Curabitur sollicitudin ultricies quam, vel consectetur felis interdum quis. In sit amet felis turpis, quis luctus erat. Ut vel justo sed leo lobortis tincidunt at quis nulla. Phasellus vitae pretium lectus.