Make an HTML/CSS(jQuery?) block that can be shown AND movable above a web-site with a form

Propose the HTML and CSS for a block that should be visible ABOVE (higher z-index?) the content of a web-page, yet MOVABLE (jquery need?) over the screen so the viewer can move it around if it hides text/images he wants to see. IMPORTANT: IT SHOULD BE POSSIBLE TO USE IT ON/IN BASICALLY ANY WEB-ENVIRONMENT, FOR ANY WEB-BROWSER INCLUDING MOBILE PHONES AND ANY CONTENT MANAGEMENT SYSTEM. In the block, make it an option to either see a web-site form (which we'll provide) directly, or by first showing text/images and only show the form if the user clicks on a checkbox and/or button (likely toggling display-modes). Then outline two guides with just one difference between them, both should outline the steps for a fairly non-savvy web-site user on how to include the block on basically any web-page in any content management system. The only difference between the guides A and B is that B should also contain how to do it using Google Website Optimizer so it can be shown only half the time on a web-page to measure its effectiveness. WORKER REQUIREMENTS: - Good experience with HTML - Good experience with CSS - Good experience with Javascript - Good experience with Google Website Optimizer