Css 边框上的简单颜色渐变

不确定我做错了什么，但我正在尝试在悬停时将div的边框从一种颜色淡入下一种颜色。。这是我的

.box {
background: #212121;
border: 1px solid #464646;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}

.box:hover{
border: 1px solid #f72c73;
}

---

我做错了什么？

在最新的firefox测试版中运行良好。你用的是什么浏览器？还有，展示一下你是如何尝试使用它的？@joe Boddy使用完美的检查来发布你的HTML，也许你在HTML中做错了