1065887 - Uppercase with pseudo :first-letter not working if pseudo :before is used

Status: RESOLVED DUPLICATE of bug 693914

(Firefox :: Untriaged, defect)

Description

[Andrea]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.116 Safari/537.36

Steps to reproduce:

I have a navigation item that shows up a refresh icon after I'm hover it. Chrome and IE render the first-letter uppercase and Firefox don't, due to the pseudo :before and its "content". 

.navigation-item.selected:before {	
	font-family: 'fontAwesome';	
    content: "\f021";
    font-size: 14px;
	position: absolute;
	left:-22px;
}
.navigation-item:first-letter {
    text-transform: uppercase;
}
.navigation-item.selected:not(.accordion-item):hover {	
	text-indent: 30px;	
	-webkit-transition: all .4s ease;	
	-moz-transition: all .4s ease;	
	-o-transition: all .4s ease;	
	-ms-transition: all .4s ease;	
	transition: all .4s ease;	
    -webkit-transition-delay: .5s;
	 /* Safari */
    transition-delay: .5s;	
}


Actual results:

Firs-letter of the navigation item not uppercase


Expected results:

First-letter uppercase