Firefox will not display CSS correctly using windows 7

   1. chefwrapper { 

position: relative;
height: 175px;
width: 700px;
margin-right: auto;
margin-left: auto;
border-bottom-width: 2px;
border-bottom-style: groove;
border-bottom-color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
float: left;
display: table;
}

   1. centercontent { 

width: 700px;
margin-right: auto;
margin-left: auto;
height: 8800px;
}

   1. chefimg { 

width: 150px;
float: left;
height: 175px;
}

   1. chefbio { 

float: left;
height: 175px;
width: 529px;
font-family: Helvetica, sans-serif, Arial;
font-size: 14px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
margin-left: 10px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #ADC4D4;
text-align: left;
padding-left: 10px;
} 

having a CSS issue with Firefox and windows 7. This is the only combination where the attached screen shot is not rendering correctly. Site functions 100% on ALL other browsers/platforms/OS ANY HELP would be great! The CSS:<br /> <br /> <pre><nowiki> 1. chefwrapper { position: relative; height: 175px; width: 700px; margin-right: auto; margin-left: auto; border-bottom-width: 2px; border-bottom-style: groove; border-bottom-color: #FFF; padding-top: 10px; padding-bottom: 10px; clear: both; float: left; display: table; } 1. centercontent { width: 700px; margin-right: auto; margin-left: auto; height: 8800px; } 1. chefimg { width: 150px; float: left; height: 175px; } 1. chefbio { float: left; height: 175px; width: 529px; font-family: Helvetica, sans-serif, Arial; font-size: 14px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; text-transform: none; color: #000; margin-left: 10px; border-left-width: 1px; border-left-style: dotted; border-left-color: #ADC4D4; text-align: left; padding-left: 10px; } </nowiki></pre> == URL of affected sites == http://aftermathinteractive.com/image001.jpg