Text running outside of its box in IE/Opera

Question

Page: http://www.visitherefordshire.net/news

In Internet Explorer 7 and Opera 9.6, the text is running outside the box. It appears to be due to the tables being 100% width: if I set a pixel width (e.g. 700px) then they fit.

As far as I can see all the 'outer' divs are not wider than the visible box, so why does the 100% width on the table stretch it out so far?

P.S. horrible code, I know; that's Joomla for you. We'll be trying to make it better in the long run.

Answer 1

Just put in your joomla_classes.css (at the end) the following piece of CSS

table.contentpaneopen p{
width: 99%;
}

Now it should all look fine.

Answer 2

I have found the issue now. One of the articles had a massive line of spaces in it, causing the table to stretch. It's now fixed. Kinda stupid really!