テンプレート

widescreenになったし、眠れないので、よく分からないままテンプレートを以下のように変更したので、見え方がおかしくなってる場合、教えてください。
＿＿＿＿＿＿＿＿＿＿＿
html>body #content {
width : 680px;
}

（中略）

#menu {
position : absolute;
top : 82px;
left : 740px;
width : 180px;
padding : 15px;
border : 5px solid #66cc00;

↓

html>body #content {
width : 70%;

（中略）

#menu {
position : absolute;
top : 82px;
left : 75%;
width : 18%;
padding : 15px;
border : 5px solid #66cc00;
}