css - CSS フェードの上下の「境界線」

Question

これを見てください：http://jsfiddle.net/wjhnX/

私はこのCSSでそれを達成しました:

background-image: radial-gradient(#CCC, #FFF), radial-gradient(#CCC, #FFF);
background-size:    2px 100%;
background-position: 0 0, 100% 0;
background-repeat:  no-repeat;

これは可能ですが、シミュレートされた境界線は左右ではなく上下になりますか?

よろしくお願いします！