pulsar21,
Если не нужна поддержка IE7-, то попробуйте так:
.menu {
display: table;
}
.menu > li {
float: left; /*- уберите*/
display: table-cell;
border-right: 1px solid #868585; /*- уберите*/
border-left: 1px solid #868585;
}
.menu > li:first-child {
border-left: none;
}
.menu > li a {
text-align: center;
}

По JS советую книгу:
javascript: The Definitive Guide, 6th edition (JavaScript. Подробное руководство, 6-е издание)
В книге описаны Core JS (сам язык) и Client-Side JS (что из себя представляет JS в браузерах) + описаны т.н. HTML5 API (Web Sockets, Web Workers и пр.) + присутствует справочная информация. Описание jQuery в этой книге тоже есть, но описанная версия давно устарела.
По jQuery даже не знаю, что и посоветовать, поскольку API у неё не очень стабильный. Сам осваивал по документации:
http://api.jquery.com/

Изучать CSS (2.1), по-моему, лучше всего по книге "CSS - каскадные таблицы стилей. Подробное руководство (3-е издание)" Эрика Мейера.
Поддержку различных свойств браузерами можно посмотреть на http://htmlbook.ru, http://www.quirksmode.org/css/ и http://help.dottoro.com/