title: CSS: text-transform not working properly for Turkish characters
body: <p>The implementations of the major browsers seem to have problems with <code>text-transform: uppercase</code> with Turkish characters. As far as I know (I'm not Turkish.) there are four different <code>i</code> characters: <code>ı i I İ</code> where the last two are the uppercase representations of the former two.</p>
  
  <p>However applying <code>text-transform:uppercase</code> to <code>ı i</code>, the browsers (checked IE, Firefox, Chrome and Safari) results in <code>I I</code> which is not correct and may change the meaning of the words so much so that they become insults. (That's what I've been told)</p>
  
  <p>As my research for solutions did not reveal any my question is: Are there workarounds for this issue? The first workaround might be to remove <code>text-transform: uppercase</code> entirely but that's some sort of last resort.</p>
  
  <p>Funny thing, the W3C has tests for this problem on their site, but lack of further information about this issue. <a href="http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=5" rel="noreferrer">http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=5</a></p>
  
  <p>I appreciate any help and looking forward to your answers :-)</p>
  
  <p>Here's a <a href="http://codepen.io/asim-coder/pen/pyYzOR" rel="noreferrer">codepen</a></p>