I recently purchased two templates, a html site and an oscommerce site. I planned to use the html site as a landing page and the oscommerce site as a catalog. I wanted the style to be the same across all pages using the html site style so i combined the two stylesheets. Each page is correctly rendered in Firefox however the aligning of the header and footer in IE are not central but rather hard left. Could any one tell me what hack needs to be done to fix this problem or where I am going wrong. Thanks in advance.

The stylesheet can be viewed at catering.basterfieldonline.com/stylesheet.css and the site can be viewed at catering.basterfieldonline.com

Sorry, I havn't looked at your site or the css document.
But generally, centering is accomplished by setting an automatic margin (margin: 0 auto. To also work for older IE versions one normally also adds text-align: center; to the surounding element, and then set the align back to normal within the centered element.

margin: 0 auto; is for centering BLOCK level elements. The img element is an inline level element so is affected by text-align: center;