I've built a site which uses a table to position the content on the home page. On Chrome is looks absolutely fine but in IE (version 9) it disappears off the side of the page and in Firefox it overhangs the outside area.

Any help much appreciated!

The site is www.djlansdowneplumbing.co.uk

why are you using multiple <tbody> statements in one table?

Your images are pushing the table cells wider if you use the following CSS it will constrain the images in the table to 100% of the width of the 33% width cell.

#table1 img {
    width: 100%;
}

Thanks.

Didn;'t realise I had multiple tbody tags, I copied part of the table as I had to add an extra row so think that's where they crept in. Think I've deleted the extra ones now.

Added the CSS and it looks good in Firefox now but is still not displaying properly in IE

I would just size my images to the width needed.

I have sized my images to the width needed - each is 150px wide - but obviously that's still not working in IE!

Look OK to me in IE.

Yeah I just this minute fixed it - I forced it to render in IE8 and for some reason that seems to have done the trick!

Tables can be an "interesting" issue. I generally prefer floated divs for just that reason.

I'm not a programmer and don't really get divs, hence using tables as I know (more or less) what I'm doing there!