Я заметил, что ваше меню на самом деле не центрировано, оно просто имеет отступ слева (скорее всего, унаследовано от стилей браузера по умолчанию). У ul не было удалено отступов. Попробуйте добавить эти стили:
.nav-wrap { text-align:center }
.nav-wrap ul { padding:0 }
Попробуйте и посмотрите, будет ли оно в центре вашего меню. Это работает в Firefox для меня. Вместо этого вы можете использовать display:block;margin:0 auto;width:***px.
Несколько комментариев:
Поскольку у вас уже есть условные IE, добавляющие классы в тег <html> для разных версий IE, вы можете настроить таргетинг на эти браузеры следующим образом:
html.ie7 {/* some rule for IE7 */}
Я вижу, что у вас есть доктайп HTML5, но у вас есть много атрибутов HTML "старой школы" (или устарело). align недействителен и не был в течение некоторого времени. Я настоятельно рекомендую полностью удалить их и придерживаться только CSS.
Там также есть некоторые ошибки разбора javascript. Вы должны быть поглощены Firebug . Также взгляните на CSS reset .