CSS Position Absolutely Got Better?!

Very odd, now "position: absolute" with both top and bottom (or right and left) works to affect layout! At least in Webkit browsers. Chrome and Safari.

Do you folks know what that means? Sane layout is now possible using CSS. And so, 2013 is looking to be a great new year already.

Unbelievable: Progress!

Chrome snapshot:

Imagine resizing and having the layout follow suit perfectly.

But not in Firefox. See how it falls -- wait for it -- flat:

Seems that the vertical layout just collapses.

Worth noting: I've never seen any documentation say that it should not work, i.e no wording like "but if you apply both left and right, or both top and bottom, results are undefined". But I haven't really read the spec.

So, when did this happen, recent Christmas?


------ update -----

Firefox 17: no change.
(Oh I wasn't quite up-to-date...)
Firefox 18: no change.

Firefox: No "innerText"?

Wow, 'innerText' is not supported in Firefox?
And something called 'textContent' is more standard?
New stuff to learn every day. Good thing I decided to try Firefox for a while; it's been months.

Just wrap everything in jQuery, I guess. 

See http://stackoverflow.com/questions/7461598/javascript-with-firefox-innertext-issue.

Firefox Debugger GUI

It appear to be the case that...

...the breakpoint markers cover the green instruction pointer completely?!

Oh, and how hard would it be to add the keyboard shortcut to the step button tooltips?

[...let's try installing Firebug and see if that's better...]

Ok, Firebug installed. Conflicting Dashboard F12 binding disabled (Dashboard -- what is it good for?).

Oh, 'Debugger not activated'....how do you turn it on...

Oh, the other debugging session with the built-in debugger caused it to not work.

Ah, finally. And praise the firebug developers or whatever: the Firebug 'instruction pointer' is on top of the ...breakpointers.

...and, more goodness: the step buttons have shortcuts in their tooltips!