positioning

I'm trying to find an answer to the following question: Is an element's z-index style its absolute stack order, or its stack order relative to its parent? For instance, suppose I have the following code: <div style="z-index:-100"> <div id="dHello" style="z-index:200">Hello World</div> </div> <div id="dDomination" style="z-index:100">I Dominate!</div> Which one will be in front - #dHello, or #dDomination? That's just for examples. I've tried this in multiple places and results seem to vary. I'm seeing if anyone knows of an authoritative source for settling: 1) What are the actual standards

I'm trying to create a horizontal 100% stacked-bar graph using HTML and CSS. I'd like to create the bars using DIVs with background colors and percentage widths depending on the values I want to graph. I also want to have a grid lines to mark an arbitrary position along the graph. In my experimentation, I've already gotten the bars to stack horizontally by assigning the CSS property float: left . However, I'd like to avoid that, as it really seems to mess with the layout in confusing ways. Also, the grid lines don't seem to work very well when the bars are floated. I think that CSS positioning

What is the difference between position() and offset() ? I tried to do the following in a click event: console.info($(this).position(), $(this).offset()); And they seem to return exactly the same... (The clicked element is within a table cell in a table) David Hedlund That depends on what context the element is in. position returns the position relative to the offset parent , and offset does the same relative to the document . Obviously, if the document is the offset parent, which is often the case, these will be identical. If you have a layout like this, however: <div style="position: