Почему страница некорректно отображается в сервисах jsfiddle или codepan ?

Question

[Codarsis]

На локальном сервере страничка отображается корректно.
имеет свойства "height: 10%; position: relative;"
При использовании сервисов jsfiddle или codepan блоки "растягиваются"(в Chrome), "прыгают" и меняют размер (в FF и Opera). Как только "position: relative" меняется на "position: fixed", блоки отображаются корректно, кроме последнего. Подозреваю что имеет место какой-то конфликт "position:relative" с тэгом "", используемым сервисами.
jsfiddle.net/9YHPj/1