Problemer med background image repeat

Hej eksperter.

Jeg vil gerne lave skygger på min side, som kører hele vejen ned.

Derfor ville jeg bruge background repeat: -y, men mine skygger bliver ikke vist?

Kode:

div#skyggeleft {
    float:left;
    background-image:url('left.jpg');
    background-repeat:repeat-y;
    width:6px;
}

div#skyggeright {
    float:left;
    background-image:url('right.jpg');
    background-repeat:repeat-y;
    width:6px;

}

<div id="skyggeright"></div>
<div id="skyggeleft"></div>

Har ikke så meget erfaring lige med netop det, nogen der kan hjælpe?

På forhånd tak.