font-weight: 200; not working in Google Chrome and Firefox

I have this code, and this is only working开发者_JS百科 in IE, the font-weight: 200; that is.

#productsSection
{
position: relative;
width: 870px;
height: 277px;
margin-top: 45px;
color: #FFF;
font-weight: 200;
}

I am also using font face to import the fonts. Do you guys have any idea what's wrong.

This is the full code: http://jsfiddle.net/zqrXu/ - The headers are in those 3 boxes, you will need to hover over them to see them because they are white atm.