IE7 vs FIREFOX 3.1 Beta 3 with CSS

[Platinum Games]

hello all,

 

i have run into som issues with the CSS and IE7, i have been working on the site and testing it in FireFox 3.1 beta 3 and it looks how i like it but when i tested it in IE7 i noticed that i have had to make some HTML code changes to be compatible. now this has been very time consuming and i have had trouble getting a few things to work.

 

i have set a main TABLE around the whole site and gave it a class to change the boarder in css file, now i have set a 1px left and a 1px right boarder in css file that works correctly in FF but not in IE7 as i have set background to #ffffff or white and FF works perfect but IE7 is patchy due to the fact i had to hard code each page table background to #ffffff. i have an image floating in the back and this is visible through each table in IE7 but not FF as FF uses the css correctly..

 

SITE is http://wizardsswimteam.com/wizards/

 

how can i get IE7 to see the boarder and white background in css???

please help.

 

current TABLE (css) TABLE.tableMainSite { background-color: #ffffff; border-right: 1px solid #63cfff; border-left: 1px solid #63cfff; }