IE9의 HTML/CSS의 comptability 문제

Question

나는 HTML5 기능의 몇 가지를 포함하는이 특정 html 코드를 가지고있다. 페이지의 레이아웃은, "구입"주위에 "매력적인"모양이 더 이상 존재하고, 오렌지 컬러 나는 (오페라에서 테스트되지 않음) 모든 브라우저에 있지만, HTML5의 문서 타입의 추가와 함께 기대하고 정확히 없다는 것을 모두 "버튼"(그것을 말하고 말하십시오)은 사라 졌다고합니다. 누구나 페이지를 모든 주요 CURRENT 브라우저에서 정상적으로 보이게하는 방법에 대한 지침을 제공 할 수 있습니까? 기술 관련 잠재 고객이 내 사이트에 방문하게되어 HTML 5를 준수하지 않는 브라우저가 문제가되지 않습니다.

원본 문서 타입없이 (당신은 내가 무엇을 의미하는지에 관해 알기 위해 크롬이나 파이어 폭스에 복사/붙여 넣기해야합니다 죄송합니다!) :

http://jsfiddle.net/ZXXYy/

: 문서 타입으로

http://jsfiddle.net/bRCw3/

당신이 저를 도와 주심에 감사드립니다.

Answer 1

당신은이 #를 이전하지 않고 두 곳에서 주황색 배경 색상 (FF9900)을 지정했습니다. Quirks 모드는이를 용인하지만 표준 모드는 더 엄격하고 무시할 것입니다.

그냥 background-color:FF9900 두 곳에서 background-color:#FF9900에 변경하고 좋은입니다.