CSS outline appears only at bottom of element?

Question

why in the example bellow, the red outline is appearing only at the bottom? I already done several changes, but the problem remains. Take a look: http://jsfiddle.net/ny48t/3/

Answer 1

The Outline is drawn to the outside of the inner rectangle defined by the Margin. In this case that is also outside of the visible space that the element can render in and is "off the page".

Add a margin (say, 5px) and the remained of the outline will become visible.