Wenn Sie über das Layout nachdenken, werden Sie sehen, dass die erste Frage vom Schatten aus beginnt, aber für II & III gibt es etwa 5 Pixel nach dem Schattenbeginn.
Das liegt daran, dass es sich bei Frage 1 um eine echte (ganze) Frage handelt, Nr. II und III sind "nur" Items einer gemeinsamen Frage, die aber in eigenen Blöcken angezeigt werden.
Außerdem haben Sie für Frage 1 den "Vorspann" missbraucht, um den Fragetext anzuzeigen.
Den Innenabstand des Vorspanns können Sie relativ einfach anpassen, wenn Sie im Layout -> HTML-Vorlage -> innerhalb des <style>-Bereichs Folgendes ergänzen:
div.question div.opener { padding: 0px 4px 8px 4px; }
Das mit dem Vorspann ist übrigens auch der Grund, warum nichts rot wird. Die bessere Lösung wäre es, die frage als "Fragetext" in die Frage zu schreiben. Aber wenn Sie es bei der aktuellen Verwendung lassen möchten, ergänzen Sie bitte:
... für den Rahmen
div.s2fail div.question { border: 2px solid #FF6666; }
... für den Vorspann
div.s2fail div.opener { color: #FF6666; }
Anstatt des Farb-Codes können Sie natürlich auch %color.2% schreiben, dann bleiben Sie bei Farb-Änderungen flexibel.