Making a white strikethrough in css for other browsers

I'm trying to create a white strike through in my active nav. It works in firefox but for the other browsers it only shows up in black. Is there a way to get it to be white.

HTML

<div id="menu"><ul class="nav nav-pills menu"><li class="nav_item"><a href="http://localhost:8888/Quadrature-cms/">HOME</a></li><li class="nav_item"><a href="http://localhost:8888/Quadrature-cms/index.php?section=2">ABOUT US</a></li><li class="nav_item"><a href="http://localhost:8888/Quadrature-cms/index.php?section=3">PORTFOLIO</a></li><li class="active"><a href="http://localhost:8888/Quadrature-cms/index.php?section=4">CONTACT US</a></li></ul></div>

CSS

.active {    color: #fff;    text-decoration: line-through;}

Here is the jsfiddel: JSFIDDLE