.container{
  width:320px;
  margin:0 auto;
}

ul{
  list-style-type:none;
  border-right: 1px solid transparent;
  border-left-width:0;
  border-top-width:0;
  border-bottom-width:0;
	-moz-border-image: -moz-linear-gradient(left, #f8f8f8 0%, #ff0000 50%, #f8f8f8 100%);
	-webkit-border-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ff0000 50%, #f8f8f8 100%);
	border-image: linear-gradient(to bottom, #f8f8f8 0%, #ff0000 50%, #f8f8f8 100%);
	border-image-slice: 1;
	padding: 0 0 20px 0;

}
li{
  border-bottom: 1px solid transparent;
  border-top-width:0;
  border-left-width:0;
  border-right-width:0;
  -moz-border-image: -moz-linear-gradient(left, #f8f8f8 0%, #ff0000 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #f8f8f8 0%, #ff0000 100%);
  border-image: linear-gradient(to right, #f8f8f8 0%, #ff0000 100%);

  border-image-slice: 1;

}
a{
  text-decoration: none;
  color:#333;
  display:block;
  padding:10px 5px;
}