I have a table containing cells with text of various lengths. It is essential that all of the table cells are of the same width. If this means truncating long words or forcing a
I realize you needed a solution for IE6/7 but I'm just throwing this out for anyone else.
If you can't use table-layout: fixed and you don't care about IE < 9 this works for all browsers.
table-layout: fixed
td { overflow-x: hidden; overflow-y: hidden; white-space: nowrap; max-width: 30px; }