artyomunder

Адреса у форм разные, скорей всего.
Если формы одинковые, почему бы не заменить ID на class и не плодить куча js
В двойных кавычках не обязательно использовать канкатенацию, он и так поймет, что это переменная и что в ней лежит

Подсказка

А что является футером? #contact ? Если да, тогда у вас там высота фиксированная стоит 700px

Могу предположить, что проверка формы стоит на стороне js.
И она отключает required. Форму Вы, видимо, вырезали откуда-то и поэтому полезли косяки.

Можно костылем, на i навешать
<i onclick="location.href='http://site.ru;"> </i>
И добавить при ховере cursor: pointer

Странно, конечно, что задаете такой вопрос.
Сами как думаете, что лучше современные методы или нет?
В инете куча примеров как люди собирают фронтенд по современным методам. Нужно только поискать :)

Смотрим совместимость с вашей версией браузера.
Да и зачем куча форма с id, если у всех поля одинаковые? Не проще классом обозвать и не плодить кучу id?

Сам дочерний элемент находится внутри блока, поэтому и урезается. Поставьте z-index больше, чем у блока и будет вам счастье. z-index:2, к примеру

position: absolute;
color: red;
top:-10px;
z-index: 2