mozilla border gradient equivalent

I made this idea of mine to work in Chrome but still failed to do so in Fire开发者_JAVA百科fox. Here is the concept that works in Chrome:

<ul>
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
</ul>

ul{-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#FF9999), color-stop(100%, #4AC0F2)) 0 100% 0 0/0 5px 0 0 stretch;}

JSFIDDLE

I tried to do as it follows to make it cool with Firefox but I get horizontal instead of vertical gradient.

border-right: 5px solid; -moz-border-right-colors: #71637D #FF9999;

Thank you

---

-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;

Change the colours to suit your needs.