Einem umrandeten div einen Text im border hinzufügen

[Der Martin]

Hallo,

in meinem Geneology-Projekt habe ich Rechtecke mit border. Nun möchte ich das Rechteck mit einem Text im border markieren (Mutter, Vater, Opa, ...), aber die Hintergrundfarbe #fff wird nicht akzeptiert, warum nicht?

  .E1:before {
    position: absolute;
    display: block;
    font-size: 80%;
    left: .5em;
    top: -.5em;
    color: #88f;
    content: " Mutter ";
    background: #fff ! important;
  }

mein erster Gedanke: Wie ist das mit der z-Ordnung? Liegt das Pseudoelement etwa hinter seinem Masterelement? Außerdem ist es ein Pseudoelement, wird deshalb mit einem Doppeldoppelpunkt notiert.

Live long and pros healthy,
 Martin