Type your HTML here: (scripts and custom event handlers are not allowed) <div id="warning">Warning!</div> <div id="message">Message</div>

Type any CSS you want here: (any properties allowed except expression, behavior and @import) /* here's z-index in action */ #warning { position:absolute; z-index:1; } #message { position:absolute; z-index:0; } /* this is to make the demo look pretty */ #warning { left:80px; top:10px; background:#fcc; border:2px solid red; width:200px; height:200px; } #message { left:10px; top:40px; background:#cef; border:2px solid blue; width:300px; height:100px; }

Show me!