Grid not working in IE 8 (does work in IE 7)

[ChrisG]

can you tell me why this grid is not working only in IE 8?every other browser works. (even IE 7)it gets out of order in IE8 and is placing elements on the right where it shouldn't.http://jsfiddle.net/ndrizza/VQqZR/\[code\]div.page { min-width: 1250px;}/* row */div.row { width: 812px;}div.row-extended { width: 1250px;}div.row,div.row-extended { margin-left: auto; margin-right: auto;}div.row::before,div.row::after,div.row-extended::before,div.row-extended::after { display: table; line-height: 0; content: "";}div.row::after,div.row-extended::after { clear: both;}/* sidespaces for row-extended*/div.col-sidespace-l,div.col-sidespace-r,div.col-sidespace { float: left; min-height: 1px; width: 219px;}/* settings for all cols */div[class*="col"] { float: left; min-height: 1px;}/* col1a */div.col1a { width: 812px;}/* col1b */div.col1b { margin-left: 121.8px; margin-right: 121.8px; width: 568.4px;}/* col2a */div.col2a-1,div.col2a-2 { width: 390px;}div.col2a-1 { margin-right: 16px;}div.col2a-2 { margin-left: 16px;}/* col2b */div.col2b-1,div.col2b-2 { width: 268.2px;}div.col2b-1 { margin-right: 16px; margin-left: 121.8px;}div.col2b-2 { margin-left: 16px; margin-right: 121.8px;}/* col3a */div.col3a-1,div.col3a-2,div.col3a-3 { width: 260px;}div.col3a-1,div.col3a-2 { margin-right: 16px;}/* col3b */div.col3b-1 { width: 390px; margin-right: 16px;}div.col3b-2,div.col3b-3 { width: 187px; margin-left: 16px;}/* col4a (placeholder - not implemented) *//* col4b */div.col4b-1,div.col4b-2,div.col4b-3,div.col4b-4 { width: 126.1px;}div.col4b-2,div.col4b-3 { margin-right: 16px; margin-left: 16px;}div.col4b-1 { margin-left: 121.8px;}div.col4b-4 { margin-right: 121.8px;}/* col-full */div.col-full { width: 1250px;}\[/code\]?