Hey, can someone tell me why certain pages are pertruding through the bottom of the page in Firefox... There isn't really that many long pages apart from the products page and the front page, which both go through the footer... They both have tables on them so i'm assuming the tables has something to do with it, can someone tell me what the problem is? http://www.gervaisworld.com/index.html Cheers.
I had a client with a similar problem - he too use tables. Without looking at the code I'd say : a) broken tables b) broken CSS div But I'm leaning towards A since I have a client with tables with the exact same problem. I replaced his tables with CSS = problem solved.
I don't know why your container has a position of relative and yet has no pixel value. I can't even see why it needs to be relative at all. Look at that first as maybe it confuses mozilla somehow. Then, as a quick fix, try making the height of your container 100%, and use the bottom margin property of your body to give a little extra space at the bottom. Just a quick guess on my part, but theoretically, it should work, even though it kind of seems like a quick hack. But if time is of the essence, hopefully that will do temporarily.
Or, do it the painful way, which is to replace your container div with a container table with a white background. That will work. The bottom line is that you have a table somewhere that doesn't have a white background and it is this table that the photos is expanding. A wrapper table must expand based on any content within it.