Андрей Кузьмин, при cover она тоже будет уменьшаться вместе с блоком, но по другому принципу. Надо 100%, пишите 100%, это не принципиальная деталь плана.
При использовании моего решения, если нет потребности выделять блоки контрастными цветами, простой смертный будет видеть достаточное соответствие макету.
При использовании вашего кода - нужно разобраться с правыми двойными границами.
Я считаю, что нет ничего зазорного
Это ваше право, а также показатель квалификации, больше ничего. Клиентов устраивает и славно, делайте как хотите. Благо клиентов разного уровня полно.
если оно требуется
Есть спецификация и предназначение того или иного инструмента или свойства. Если решение правильными способами отсутствует, тогда можно использовать костылики. В вашем случае есть решение с помощью флексов или инлайн-блоков. Флоаты же предназначаются не для этого.
Это в любом случае сложности хрома, а не верстки. Поэтому плясать нужно не отсюда, а от макета. Если надо, чтобы был один красный блок, это один расклад, если не надо, то другой.
Зазор может возникнуть исключительно при ресайзе браузера (т.е. при перерасчете размеров), которым никто кроме разработчиков не страдает, так что можете использовать свой старый код, если не стыдно за флоаты.
border-radius
:focus
цвет placeholder
Остальное только с вашим кодом в песочнице jsfiddle.net или аналогичной и указанием, что не получается.