HTML-Präsentationen "layouten" --> Background-size in impress.js (gelöst)

Hallo Forum,

bitte habt Nachsicht mit einem Neuling und CSS/HTML5-Dummy!

Ich sticke gerade ein Layout von Präsentationen mit impress.js nach dieser Vorlage:
http://www.ub.uni-bielefeld.de…mpress-js/vorlage/#/start

Meine Änderungen im ".slide" - Bereich greifen nicht!

/* Standard-Folie */.slide {
    display: block;
    width: 900px;
    height: 700px;
    padding: 20px 60px;
    overflow:hidden;
    background: url(../images/finder_blau_1x1_pixel.png);
    background-size: 900px 120px;
    border: 2px solid rgba(67, 147, 242, 0.7);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    color: rgb(102, 102, 102);
    text-shadow: 4px 4px 2px rgba(0, 0, 0, .1);
    font-size:32px;
    line-height:1.3;
    letter-spacing: -1px; }

Wo ist der Fehler?

Das komplettes CSS und HTML als Datei angehängt!

Vorab schonmal vielen Dank für Eure Hilfe!!

Es grüßt
der Sven

Jo, alle Änderungen greifen.
Wie Du bei der Darstellung siehst, wird die Höhe der Hintergrundgrafik nicht beachtet und der ganze Bereich eingefärbt.

Das soll wg. der vorgegebenen Foliendarstellung aber nicht sein.

So, den Fehler hatte ich eigentlich schon selber beschrieben.

Wenn der Browser nicht weiss, was er mit dem Hintergrund machen soll, wenn die Grafik nur 121 px hoch ist,
beachtet er sinnvollerweise die Höhe der Hintergrundgrafik nicht und skaliert auf maximum!

Durch einfügen von

.slide{    display: block;
    width: 900px;height: 700px;padding: 20px 60px;overflow:hidden;
    background-color: white;background-image: url(../../../grafiken/finder_blau_1x1_pixel.png);background-size: 900px 121px;background-repeat: no-repeat;border: 0px solid rgba(182, 200, 40, 1.0);border-radius: 0px;box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    color: rgb(102, 102, 102);text-shadow: 4px 4px 2px rgba(0, 0, 0, .1);
    font-size:32px;line-height:1.3;letter-spacing: -1px;}