Blog now FireFox compatible
FireFox just doesn't play nice with CSS pseudo-selector blocks.
I use the following CSS code in order to highlight & color the first letter in every paragraph:
.post p:first-letter { color: #1084FF; font-weight: bold; }
The end result in Internet explorer and the correct rendering is as such:
However this how it's rendered in FireFox 2.0:
Apparently mixing Hebrew & English with "p:first-letter" makes FireFox go nutty.
After checking live-search for a solution and seeing there is none I've decided that I'll disable this feature for FireFox users.
The following CSS:
.post p:first-letter { color: #1084FF; font-weight: bold; }
becomes:
.post *p:first-letter { color: #1084FF; font-weight: bold; }
the * symbol is used to specify that only IE should render this CSS.