The code snippet below appears to be functioning correctly in most browsers such as IE, Firefox, Chrome, and Safari. However, in Opera, the first letter of the text is not being capitalized. For example, 'San Diego' displays properly in the aforementioned browsers but in Opera it shows as 'san diego'.
<span style="text-transform: capitalize;">
<h4>
Location:
</h4>
<p>
<%=refLocation.toLowerCase()%>
</p>
</span>
Does anyone have an explanation for this behavior or possibly a workaround solution?
Just a heads up, the CSS style mentioned is defined in a separate stylesheet. I included it here for clarity purposes.