Text Overflow does not work properly

Hi there,

first of all: great plugin, I appreciate it very much.

I have some trouble to clip my text that overflows the element’s box. overflow: hidden and text-overflow: ellipsis do not have any impact to my table. Indeed white-space: nowrap seems to work, it doesn’t slip into the next line, but instead it pushes the elements on the right side further outwards. Can you help?

Code is a bit chaotic, hope it doesn’t buffer you to much:

.tablepress-id-5 {
	border: 10px solid white;
	outline: 1px solid #D1D1D1;
	outline-offset: -1px;
	width: 300px;
}

.tablepress-id-5 {
	width: 200px;
	table-layout: fixed;
}

.tablepress-id-5 td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tablepress-id-5 .column-1 {
	width: 10px;
}

.tablepress-id-5 .column-2 {
	width: 150px;
}

.tablepress-id-5 .column-3 {
	font-size: 12px;
	width: 140px;
}

.tablepress-id-5 thead td,
.tablepress-id-5 thead th,
.tablepress-id-5 tfoot th,
.tablepress-id-5 tbody td {
	border: none;
}

.tablepress .odd td {
	background-color: #F0F0F0;
}

.widget td,
.widget th {
	font-family: arial;
	font-size: 12px;
}

.widget thead th {
	background-color: #D11010;
}

.widget .row-1 {
	color: #ffffff;
}

.widget .column-2 {
	font-weight: bold;
}

.widget .row-1 .column-1 {
	text-align: center;
}

.row-2 .column-1,
.row-3 .column-1,
.row-4 .column-1,
.row-5 .column-1,
.row-6 .column-1 {
	text-align: center;
}

.widget .row-2 .column-2 {
	text-align: left;
}

.widget .row-3 .column-2 {
	text-align: left;
}

.widget .row-4 .column-2 {
	text-align: left;
}

.widget .row-5 .column-2 {
	text-align: left;
}

.widget .row-6 .column-2 {
	text-align: left;
}

.row-7 .column-1 {
	background: #FFFFFF;
}

.row-7 .column-3 {
	background: #FFFFFF;
}

.tablepress-id-5 .row-7 td {
	background-color: #ffffff;
}

http://ww.wp.xz.cn/extend/plugins/tablepress/