Anyone know how to remove white space between strings for all browsers? This works in everything but IE7. Basically all the li's text is used to reference div's class to show them. Some li's text has spaces some do not. 

SCRIPT

```
$('li.' + $(this).text().replace(/&nbsp;/g, "-")).toggle(true);

```

HTML

```
<ul>
<li class="button" id="sun">sun&nbsp;protective&nbsp;clothing</li>
<li class="button" id="lawn">lawn&nbsp;games</li>
<li class="button" id="stuff">stuff</li>
</ul>

<div class="sun-protective-clothing"></div>
<div class="lawn-games"></div>
<div class="stuff"></div>

```

Thanks in advance!