So, I have a table with fixed layout.
I have a column that holds a long string that half of the time will not fit the column.
In Internet Explorer the string wraps nicely. In Firefox, the text just go straight stubbornly making the table look bad.
Now, if I wrap the text inside a "span" it behaves the same way in each browser.
If I wrap the text with a "p" tag, I can style the tag with the same width as the thead and the width is respected now. However, the text still does not wrap in Firefox. Adding "overflow:scroll;" to the "p" style makes the width respected in both browsers but it looks awful with the scroll bars.
How do I force this string to wrap?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
border:solid 1px green;
border:solid 2px brown;
<th class="hostName">Host name</th>