For some reason, the character I use as a spacer, ☆, doesn’t seem to want to display in Safari. It works fine in FireFox, Opera, and possibly IE, but not in Safari:
This surprises me, since this is one browser I would have thought it would work in.
As it turns out, Safari may actually be doing the right thing here. To include Unicode characters in the CSS :before pseudoselector, you must escape them.
Instead of using:
#topnav li:before {content:"☆ ";}
I’ve used:
#topnav li:before {content:"\2729 ";}
Thanks to a great post over on mezzoblue.
What’s even more bizarre is that this character works in a post, but not in the Stylesheet.
This is kind of weird. Let’s test and see if it works in other templates.
3 minutes after the fact.
Okay, it must be something to do with the way Safari handles CSS. Might be a bug.
4 minutes after the fact.
Thanks to a great post over on mezzoblue, I’ve found the solution.
Instead of using:
#topnav li:before {content:"☆ ";}I’ve used:
#topnav li:before {content:"\2729 ";}18 minutes after the fact.