Wie lässt sich der linke Rand mit dem unteren Rand des unteren linken Pixels überlappen?

Angenommen, ich habe das folgende CSS-Snippet:

Der linke Rand ist blau, der untere Rand ist rot. Aber das untere linke Pixel, wo sich die linken und die unteren Ränder überlappen, ist in meinem Browser rot. Offenbar überlappt der untere Rand den linken Rand dieses Pixels.

Kann ich die Überlappungsreihenfolge manuell festlegen oder auf andere Weise erreichen, dass das linke untere Pixel blau statt rot ist?