Problem with tables in Wordpress posts

I was working on a wordpress site lately (http://www.explorebohol.com). Everything worked fine, I viewed the site in Chrome and firefox, they were perfect. I was happy, until I viewed the pages with tables in it in Internet Explorer. Bang! There you go the problem...

The tables aren't displaying the way it was supposed to be. One line per word. (OMG!!!) I keep bubbling to myself, what the hell is wrong with IE. Instead of cursing Microsoft, I just googled my problem and found a lot of similar cases...

The solution to the problem with tables in wordpress, well its simple.


<td width="30%" align="center" valign="top" bgcolor="#ffcccc"><span style="white-space:nowrap;">Content Here</span></td>



I simply wrapped the content inside a span and put a no-wrap option. It worked. And about the width also, px wont work, so I have to express the width in percent.

Thats it....