Hallo,
ich möchte eine Tabelle erstellen, die in einer Spalte den Namen eines Fotoalbums direkt gefolgt von einer Jahreszahl anzeigt. Darunter (in der selben Zelle) eine kurze Beschreibung. Wenn der Name oder die Beschreibung zu lang ist soll der Rest abgeschnitten werden. Die Jahreszahl soll NICHT abgeschnitten werden sondern dann am rechten Rand der Zelle angezeigt werden.

Auszug aus HTML:

<tr>  
<td>[ersteller]</td>  
<td>  
<a href="?albumid=xx"><span class="name">[Albumname]</span> ([Jahr])</a>  
<br>  
<span class="beschreibung">[Beschreibung]</span>  
</td>  
<td>[anzahl bilder]</td>  
</tr>

Auszug aus CSS:

.name {  
	display:inline-block;  
	max-width:217px;  
	white-space:nowrap;  
	overflow:hidden;  
}  
  
.beschreibung {  
	display:inline-block;  
	max-width:250px;  
	white-space:nowrap;  
	overflow:hidden;  
}  

(Links sind nur "hover-unterstrichen" siehe 2. bild 2. album)
(Hab im Firefox die Tabelle markiert damit man es deutlicher sieht)

Das ganze soll so aussehen:

Im Firefox 3.6 sieht es immerhin so aus: (man beachte die Jahreszahl)

Aber der IE schneidet nicht ab, sondern versteckt nur (die Spalte vergrößert sich um die eigentliche länge wenn nichts abgeschnitten wäre):

Also ich hab Google schon stundenlang bemüht, aber anscheinend suche ich falsch ;)
Habe anfangs mit <div> rumprobiert. Macht aber immer einen Umbruch rein. Ein <span> macht eine Verschiebung um einige Pixel. Die 'Text-Zeilen-Höhe' nimmt ebenfalls um einige Pixel zu.
Weiß hier jemand Rat? Ich bin am Verzweifeln!
Gruß