【2015/02/24 追記】
Firefoxで見たら崩れてたので、ちょっと手を加えました。
今度はChrome、Firefox、IE、safariでチェックしたので！
最初のやつはFirefoxのみレイアウトが崩れておりました。
解決は出来たのですが、理屈はわかりません。誰か詳しい方のコメントお待ちしております。（丸投げ）
▼以下補足▼
●bodyについて
bodyはウインドウの中央に配置されます。
最大幅は1260pxです。
1260px以下の場合、ウインドウに対して90%の比率を維持します。
750px以下のサイズで1カラムになります
●mainについて
mainはウインドウ幅に応じて可変します。
mainの右のmarginは20pxで固定です。
●asideについて
asideは200pxで固定です。
750px以下の場合、mainの下に配置されます。