Меню сверху. Основные блоки.

[andgelx]

Здравствуйте.
Дизайн моего дневника в процессе разработки. См. andgelx.diary.ru/ .
Код.

body {margin:0; padding:0;}
 body{background:url('/userdir/3/0/1/9/3019372/75300766.jpg') no-repeat 50% 100% fixed;}
 #page-c, page-t {width:460px !important; margin-left:30% !important; margin-right:30% !important; margin-top:60px !important;}
 #side {width:460px !important; margin-left:27.67% !important;position:fixed !important; top:0px !important;}
 .menuSection , .menuSection ul {text-transform: lowercase !important; text-align:center !important;}
 #bottomNav {width:448px !important; margin-left:30% !important; }
 #iAmQuit, .order_button {display:none !important;}
 #authorName {padding:0px !important}

Мне бы хотелось сделать дизайн симметричным, расположить все блоки посередине фона, и чтобы это было так в любом разрешении. Проблем с page-c and page-c особых пока не возникло. В общем, у меня появились следующие вопросы.

1) Почему bottomNav нужно задавать 448, а не 460? Только при 448px он становится таким же, как side and основные блоки.
2) В моём разрешении пока все блоки практически по-середине. Как смотрится у Вас?
3) Если дизайн идеально смотрится на развёрнутой странице, то сворачивая в маленькое окошко меню отъезжает куда-то влево. Что с этим делать? Хотелось бы сделать так, чтобы меню оставалось на уровне остальных блоков.
4) Почему меню, при задании position:fixed надо проставлять margin-left: 27,67% , а не 30%, как у остальных блоков? С этим меню сверху вообще большие проблемы. Ничего непонятно.

@темы: меню, основные блоки