title: text-indent does not work while text-align: right
body: <p>Today I have had a problem with hiding text with <code>text-indent: -9999px</code> rule. I realized that it was caused by some parent element which has had <code>text-align: right</code>. <a href="http://jsfiddle.net/sNbfv/">Example on jsfiddle.</a>  Setting <code>text-indent</code> to positive value of <code>9999px</code> did not work as well. </p>
  
  <p>I have managed to hide text by setting it's <code>text-align</code> to the <code>left</code>, but I do not understand why such problem occurred.</p>
  
  <p>Could someone explain why <code>text-indenting</code> does not work while <code>text-align</code> is set to the <code>right</code>?</p>
  
  <p>Fiddle with ids:
  <a href="http://jsfiddle.net/sNbfv/2/">http://jsfiddle.net/sNbfv/2/</a></p>