Elementárny problém neviem CSS span/margin

Ahojte,

Pozrite si toto http://jsfiddle.net/7v2Sy/1/

Preco ked mam v spane nastavene display:block; tak sa mi posuva aj zeleny div? Ja tomu nerozumiem. A preco ked nedam spanu hodnotu display:block tak nereaguje na margin top ?

Dakujem za rozumné vysvetlenie.