I'm reading through the w3c.org [Visual Formatting specification].
Could anyone explain to me why the inline box "outer" is not displaying in my [example here]? I was trying to understand absolute and relative positioning. Since there was no positioning on the `
`tag, I thought that by setting the positioning values on `
`, the `` would absolutely position itself to the `div`. But that is not happening. If I remove the `position:relative` from the `
` the `` will display. I tried setting the `z-index` on the `
` to change its stacking order and make it higher than the `
`, but that didn't work either. From what I'm understanding, if an element is `position:absolute`, it will traverse the DOM for the first "positioned" element and position itself with that 'parent' element. And if no positioning is found, it will position itself to its containing element. This doesn't seem to be happening, since its containing element is `
` when there's no positioning, yet the `