JQuery :: How To Hide Symbols In Table Cell

I need to hide 90% of a div and I'm not able to figure out a way to do wit with JS or CSS. Here is the code I'm working with:
Code:
td colspan="2" class="vCSS_breadcrumb_td">
<a href="[URL]">Home</a> >
<a href="/SearchResults.asp?Cat=208" title="Living room furniture"> Living Room</a> >
<a href="/SearchResults.asp?Cat=209" title="Living Room Sectionals"> Sectional Sofas</a> >
<a href="/SearchResults.asp?Cat=235" title="Discount Leather Sectionals"> Leather Sectionals</a> >
<a href="/SearchResults.asp?Cat=273" title="Modern Leather Sectionals"> Modern Leather Sectionals</a> ><br />
<img src="v/vspfiles/templates/SAR/images/clear1x1.gif" width="5" height="5" alt="" /><br />
<font class="productnamecolorLARGE colors_productname">PAGE SPECIFIC TEXT</font><br />
<img src="v/vspfiles/templates/SAR/images/clear1x1.gif" width="5" height="5" alt="" />
</td>

I need to keep the font tag with the page specific text and hide everything else. I've tried using the following in my CSS file but it leaves several ">" symbols that aren't enclosed in a tag (other than td):
Code:
td.vCSS_breadcrumb_td a {display: none;}
How do I use JS to hide the > characters in the td, or use JS to hide everything in the td tag except for the text in the font tag (and not use the CSS code).