I have basic knowledge and know it will take me ages to fix properly for both browsers. Currently problems with IE8 as you will see. Firefox looks okay, but on different resolutions it plays up. Especially on my notebook..
I think you have more problems than the text size in IE, unfortunately. Viewing in everything on 1280 by 800 the top of the page is cut off and there is no way to scroll up or down. I cannot read any of the content in #pagetext.
This is in part due to this:
Code:
html {
overflow-y:hidden;
}
but also due to the use of absolute positioning for both #pagetext and #container. You still have virtually the same validation errors as far as I can see, but fixing these alone isn't going to make your page look right.
The biggest problem is the positioning of those divs so I'd suggest removing the absolute positioning, and all the top and left settings, and all the huge negative margins on the divs, and taking a look at what it looks like then.
Sorry, I don't expect you wanted to hear this....
EDIT...I'd also remove the height from #pagetext. Your divs also seem to be the wrong way around - I think #container shouldbe before #pagetext. If I do all this the page doesn't look very nice but at least I can read it...then we can pretty it up a bit.
Addressing the cut off issue. This is the one I want to fix. I've deliberately hidden the scrollbars. When viewing on a notebook, small resolution, the image at the top is cut off to a point.
I am just looking at img src tags info. I want to basically fix it so most of the page displays on 1 page, no scrolling. I am using my small notebook as a test bed as this is small screen and smaller resolution and in chrome, so far most things fit on the screen...
Resizing the image based on resolutions is, I think, an unnecessarily complex solution which doesn't address the issue. Realise this sounds a bit preachy, for which I apologise, but that's just plastering over the cracks and storing problems for later. Ahem....
At the moment, as your page stands, you've got the heading image, then the thumbnails and large image, and some links. They'll fit on without scrolling. Fine. But your other content will need to scroll - either that or take it off the page entirely - or are you trying to have it there but not visible for search engines or something like that?
Before you post, read our: 
