I am trying to redesign my css based design. I now have a header, left floated column, main colum, and a footer that fits along the bottom (I was pleased to get this far).
However when I have a table in the main column, it is liable to break out beneath the left column when the browser window is small (in IE only). This is occuring without fixed widths in the table.
To see the type of page I'm trying to fix, without the floated left column, it is here:
an event list
I have tried at length to find the answer and would greatly appreciate any fresh ideas.