верхнее меню ja_purity - Вопросы по CSS

как сделать так, чтобы верхнее меню растянуть по центру и чтобы при уменьшении/увеличении окна браузера пункты меню сужались/растягивались?
спасибо!

.menu{
    display: table !important;
    width: 100% !important;
}
.menu li{
    display: table-cell !important;
    float: none !important;
}

не пашет в ie6 и 7(в сумме около 17%)

вот спасибо вам огромное!

ps. все пункты в главном меню съехали по горизонтали... что делать? (как то так было:))

...эх... не успел удалить вы уже ответили...

#ja-mainnav .menu{
    display: table !important;
    width: 100% !important;
}
#ja-mainnav .menu li{
    display: table-cell !important;
    float: none !important;
}

я разобрался спасибо
1:
.menu{
    display: table !important;
    width: 100% !important;
}
это я оставил так... если добавить #ja-mainnav впереди... то не растягивается...

2:
#ja-mainnav .menu li{
    display: table-cell !important;
    float: none !important;
}
а в этом моменте я нашел вот это...
#ja-mainnav ul.menu li {
   margin: 0; /* all list items */
   padding: 0;
   float: left;
   display: block;
   background: none;
   cursor: pointer;
   position: relative;
   list-style: none;
и заменит на это:
#ja-mainnav ul.menu li {
   margin: 0; /* all list items */
   padding: 0;
   float: left;
   background: none;
   cursor: pointer;
   position: relative;
   list-style: none;
   display: table-cell !important;
    float: none !important;

спасибо вам еще раз!