Menüleiste umrahmen - Wie ?

Hallo Zusammen,

wieder einmal komme ich nicht weiter und bitte Euch um Hilfe:

Wenn Ihr auf die Startseite meines Blogs geht - seht Ihr, wo es bei mir hakt ;-)
Ich möchte, dass die blaue Linie über und unter dem Menü, die ich so mit folgender Eingabe erreicht habe:

Zitat

.primary-navigation {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-top: 24px;
border-bottom: 1px solid #0b0066;
border-top: 1px solid #0b0066;

}

Alles anzeigen

komplett über die ganze Breite geht. Also auch links den Titel sowie rechts die Lupe umfasst.

Was muss ich hier noch eingeben?

Ich benutze das Theme Twenty Fourteen. Kann mir bitte jemand verraten, was hier die "border-box" bedeutet und wie ich damit arbeiten kann? Nur, falls es hier nicht den Rahmen sprengt. Meine eigentliche Frage soll nachwievor im Vordergrund stehen ;-)

Herzlichst
Eva