[CSS] Footer Boxen sauber lösen

Seit Veröffentlichung der 3.0 stört mich schon folgende Umsetzung / "Lösung" der FooterBoxen innerhalb des Standard-Designs.

Folgende Situation:

Derzeit sieht der Code wie folgt aus:

.boxesFooterBoxes .boxContainer {
	...
	margin-bottom: -60px;
    padding: 60px 0;
}

Durch das margin-bottom: -60px ist die optische Darstellung zwar korrekt, hat allerdings einige Schattenseiten, unteranderem folgende:

Hier kann man ganz gut erkennen dass dadurch das darunterliegende Element klar überlagert wird.

Eine deutlich sinnvollere / logischere Lösung wäre folgende:

.boxesFooterBoxes .boxContainer {
	...
	margin-bottom: 0; // Beziehungsweise entfernen
	padding: 60px 0 0 0;
}

Dadurch verändert sich weder die Optik noch die eigentliche Funktion, da der Abstand auch bei mehreren Boxen (beispielsweise 2 Reihen untereinander) gewährleistet ist, allerdings behebt es das Problem dass dadurch das darunterliegende Element überlagert / beeinflusst wird. (Hier wurde bewusst eine Dritte Box erstellt damit auch der Abstand zwischen den Boxen gezeigt werden kann)