CSS - Faire de DURÉE de prolonger à la fin de son conteneur / remplir l'espace vide?

J'ai la suite de la mise en page HTML pour un site web (alimenté par des Solutions de Réseau nsCommerceSpace) je suis en train de concevoir un thème pour:

<div id="ctl00_breadcrumb" class="breadcrumb">
   <span id="ctl00_breadcrumbContent">
      <span><a href="/">[Name of Webstore]</a></span>
      <span>&nbsp;&gt;&nbsp;</span>
      <span><a href="/page.aspx">Page</a></span>
      <span>&nbsp;&gt;&nbsp;</span>
      <span>Here is a very long title of a product that is causing me much frustration because it jumps out of place.</span>
   </span>
</div>

Les balises span avec <span>&nbsp;&gt;&nbsp;</span> sont générés automatiquement pour séparer chaque élément.

Ici est un Violon de mon problème: http://jsfiddle.net/5fvmJ/

Est-il un moyen pour moi de faire la dernière balise SPAN remplir l'espace vide, et juste à la fin quand il frappe le côté droit? Je voudrais juste utiliser overflow: hidden; pour masquer le texte supplémentaire.

Des idées? Je sais avoir tous SPAN rend cela difficile, mais il est intégré dans les fonctionnalités du site que je ne peux pas changer.

OriginalL'auteur Devin | 2012-08-14