Use CSS3 or Javascript to add » to a link on hover

For my menu of a website I want to add text-decoaration on a:hover to be the » sign/symbol.

I tried it like this:

1
2
3
4
.navbar .nav > li > a:hover:before {
content: "»";
color: #fff;
}

Any thoughts?

It needs to be in Unicode.

1
2
3
4
.navbar .nav > li > a:hover:before {
content: "\00BB";
color: #fff;
}

via:
http://stackoverflow.com/questions/13213826/use-css3-or-javascript-to-add-raquo-to-a-link-on-hover

reference:
http://stackoverflow.com/questions/8621481/removing-raquo-from-a-string-using-jquery
javascript:slicedCrumb = $(this).html().replace('/[&]raquo[;]/ ', '');
http://stackoverflow.com/questions/6202470/set-raquo-html-entity-in-javascripts-document-title
javascript:innerHTML = '»'