HTML+CSS+JavaScript

Вопроса четыре.
http://jsfiddle.net/DC3zZ/4/

Почему красный блок не начинается внизу от края внешней границы?
Почему края красного блока с одной стороны перекрывают меню, с другой "подлезают"?
Почему сласс "fon" не заполняет цветом всё пространство окошка?
Можно реализовать такое меню свойством z-index не используя display:none; ?