Table cell width...

In the attached html, the first column of the table is much wider than necessary. Is there any way, with CSS preferably, to keep it only as wide as the longest piece of data in the column?

I've tried a couple of things with the width, but it always ended up just as long as it is, or the data in the first column is wrapped to multiple lines. I'd like to keep everything on a single line if possible.

:)

add to the .headerCell

width : 25%;

or what you like it to be