I think Netscape supports negative z-index. However negative z-index means that your positioned element appears *below* the page, hence it essentially disappears. Hence, its better to use positive integer z-index values.
How can I get this to work?
What exactly do you want? According to your code,
Since the first div spans the entire screen, you wouldn't need it. What you are doing in your code can be achieved as follows as well:
<body style="margin: 0">
<!-- First div contents can be put here instead -->
<div id="SecondDiv" style="position: absolute; margin: 80px 50px 0 50px;left: 0; top: 0;">
This div sits on top</div>
My bad, the first spans the width of the screen but is only 100px high.
I want the second to appear over the edge of the div by about 20px; 80px from the top.
I have it working with the top div set relative and margin-bottom:-20px; to pull the second over it a bit, but ive been in this 'absolute positioning' situation before and would like to know how to do this.
Also, an Opera problem with absolute positioning. Even with both the first and second divs set to relative, i have a 'date' div which floats above everything in the top right corner. It works fine in every browser except Opera7. I havent tested it in any other opera browser.