Алексей Уколов

Иконка map-o появилась в версии 4.4, у вас точно такая версия? Она вышла всего 2 недели назад, может, что-то где-то не успело обновиться.

.topmenu li{
	display: inline-block;
}

вместо этого:

.topmenu li{
    float: left;
}

Вообще строить раскладку на float, не понимая, как это свойство работает и какие побочные эффекты имеет - себе дороже.

yandex.ru/yandsearch?text=autoresize%20textarea%20...

Вот такое решение оптимальнее и логичнее - jsfiddle.net/koceg/4wnq2wvb/1
Ни к чему слушать все mouseover на документе.

Скорее всего, должно быть link(href='/bootstrap/dist/css/bootstrap.min.css', rel='stylesheet')
Ну и jade тут, конечно, вообще ни при чем.

Есть же немалая вероятность, что эти иконки в других местах будут использоваться - сделать для них отдельные классы и вставить как дочерние элементы.

При однородном бэкграунде сделать это достаточно просто - jsfiddle.net/tz9zop7q
Да и при неоднородном несложно - jsfiddle.net/tz9zop7q/1

У вас прямо перед блоком #hide лишняя закрывающая скобка, вот стили дальше и не работают.

На оригинале подчеркивание находится на некотором расстояние от содержимого, у меня подчеркивание стандартное. Как его можно отдалить(подчеркивание) от содержимого пользуясь только html и css ?

Использовать border-bottom или псевдо-элементы.

Судя по форматированию вы не пользуетесь IDE - поставьте себе WebStorm и вам больше никогда не придется тратить три часа своей жизни на поиск лишних скобок.

Псевдоэлемент здесь совершенно не нужен, как и js: jsfiddle.net/rggszbw6/1
Но если сделать границу 2px дергаться все-равно будет - геометрия-то изменяется при этом.

Таблицы проще и надежнее, дивы - гибче. Что именно выбрать, зависит от ситуации.

jsfiddle.net/ar5mqa4n/7