Annoying Long Word/URL Stretching

[JonB]

Hi,

I've done a bit of googling, but can't seem to find anything to fix this problem I have:

CSS:

table#commentboxblue {
	background-color:#e2f5fd;
	border-top: solid #6dcff6 1px;
	border-bottom: solid #6dcff6 1px;
	color: #000000;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:justify;
}
table#commentboxwhite {
	background-color: none;
	border-top: none;
	border-bottom: none;
	color: #000000;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:justify;
}
#commentheader {
	padding-top: 10px;
}
#commentbody {
	padding-top: 15px;
	padding-bottom: 10px;
}
#commentdatetime {
	text-align:right;
	padding-bottom: 10px;
	font-weight:bold;
}

The Code for the highlighted bit in the screen shot.

<table id="commentboxwhite" width="330" cellspacing="0" cellpadding="0" border="0" align="center" style="padding-top: 10px; padding-bottom: 10px;">
<tbody>
<tr>
<td class="commentheader">
<span id="Comment117">
<b>
7.
<a class="commentnamelink" href="http://">Chris</a>
said:
</b>
</span>
</td>
</tr>
<tr>
<td class="commentbody">supersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersupersuperuberlongword</td>
</tr>
</tbody>
</table>

Any help would be greatly appreciated. Basically I want it to stop stretching and display this really long text (or really long url, which it is more likely to be) on multiple lines.

Thanks

Jon

 

[psyr33n]

You can manipulate the string with a server-side language, or give the element a width and overflow: auto so it scrolls horizontally.

 

[JonB]

Brilliant, that has worked for firefox, but not for IE 7! :'(

Any ideas?