AlohaAlohaAloha:
1. Про отступ - используйте не top, а padding-top и никаках проблем.
2. Вообще, подобные вещи можно сделать проще. Но вот конкретно по вашему примеру: codepen.io/anon/pen/YwJBJB
Aleaxandr Burykin: я не стал вчитываться в документацию, но думаю что вам стоит поискать - наверняка должен быть какой-то способ это осуществить, может быть, matcher должен возвращать какие-то значения или т.п...
Serjabos: если задуматься, то фронт тоже не прост. Фронтендеру нужно визуализировать результат работы, да так, чтобы он заказчику понравился - эффекты, адаптивные дизайны, виджеты. И плюс к тому, нужно соблюдать правила валидной верстки и семантики, всяких технологий типа БЭМ и...бэкенд в этом плане проще, там нужно просто писать код так, чтобы после тебя его могли использовать другие люди, не матерясь.
