Re: More IE and FF issues!
It doesn't look like you have defined widths for the various content areas of the page (ie the content and masthead DIVs) so they will enlarge to fit their contents. FF and IE display text differently and the text in IE is noticeably larger than that in FF so it's knocking that content area along to the right and since your graphics for the header and footer are of a fixed width it's meaning a gap opens up. Basically you've not told it to only be, say, 780px wide, so it's just being as wide as it needs to be.
So first off I'd set defined widths for each content area, also strictly define the font sizes and use style sheet for emboldening text etc rather than the bold tags you have just now. Then just to cover yourself I'd try and get the background images for the header and footer repeatable so that if the DIVs are enlarged it will just repeat to fill the gap that is opened up - but you're better off to just fix the width of all the DIVs so you know exactly what size they'll be and make sure the bg images are at least this big.
Hope that helps.
|