manum

например так: http://blognote.by/html-css/html-css-articles/60-uniform-alignment-of-the-elements

Оберните всё в div (напр., с id="centr") и задайте ему что-то типа: #centr{ width:50%; margin:auto; text-align:center; }

ul li a { float: left; display: block; height: 56px; background: yellow repeat-x; font:12px/56px Verdana, Helvetica, Arial, sans-serif; } Не выравнивался, стало так: Можно добавить еще: li span img { border: none; vertical-align:middle; }

ul li a { float: left; display: block; height: 56px; background: yellow repeat-x; font:12px/56px Verdana, Helvetica, Arial, sans-serif; }

Можно в #sidebar и #footer заменить position:absolute; на float:left;

По поводу проблемы с закрытием белого бордера - можно поиграть с отрицательным левыми и правым margin элемента списка и положительным (равным отрицательным по модулю margin) padding-ом эл-та списка. http://jsfiddle.net/7SPnJ/ Перенес background из .b-main-menu__list в .b-main-menu__item и добавил стиль .b-main-menu__item:hover{ margin-right:-10px; padding-right:10px; margin-left:-10px; padding-left:10px; height:50px; background:#b3daf1; }

.