HTML table word wrapping problem

I am not very good at CSS so this problem might be obvious.
This is a problem in IE9

I have the text wrapping in a cell, but for some reason it insists on wrapping in the middle of words, not on white space.

Not sure what I am doing wrong.

Here is a picture of it happening.
http://trevorsarchives.homenet.org/temp/CropperCapture%5b1%5d.jpg


And my CSS I have applied to the specific TD element
padding-left:20px;
border: 0px solid black;
text-wrap:normal;
white-space:normal;
overflow:auto;
word-break:normal;
width:100%;
word-wrap: break-word;

This is applied to all TD elements, exact same for TR
page-break-inside:avoid;
page-break-after:avoid;

and all Table elements have
width:100%;
page-break-inside:auto;


Any help would be appreciated.