innerError :after und :before - 1px weiter nach unten

Wenn man .innerError:before und .innerError:after jeweils einen Pixel weiter nach unten setzt, passt es meiner Meinung nach besser, da der Rahmen von .innerError dann überlagert wird, wie es z.B. auch bei Dropdown-Menüs der Fall ist.

Überall. Das :before-Element überlagert immer den Rahmen, sonst würde man den Rahmen darunter sehen und es wäre keine durchgängige Fläche.