<p>Actually there is a better method than using the -9999px hack, which causes performance issues as the browser has to draw a box that far off screen. </p>

<p>.hide-text {<br>
text-indent: 100%;<br>
white-space: nowrap;<br>
overflow: hidden;<br>
}</p>

<p>take from:<br><a href="http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/">http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/</a> which has the explanation of why you should avoid the -9999px hack.</p>

            <p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">
              —<br>
              Reply to this email directly or <a href='https://github.com/openstreetmap/openstreetmap-website/issues/164#issuecomment-10661995'>view it on GitHub</a>.
            </p>
            <img src='https://github.com/notifications/beacon/J6T91GIPIyhU-8ti4GCGP98_UZTRAhtyIjAjorWDZ_mHo29V7Za-ku2NIpHLlaC-.gif' height='1' width='1'>