Добрый день всем! Помогите отцентрировать строку меню. В ней взависимости от авторизации пропадают и добавляются кнопки. Мне нужно, чтобы эти кнопки, всегда растягивались на всю страницу, не смотря сколько их по количеству. Пример такого форума может послужить www.la2forum.ru . Только там строка меню без кнопок, но суть та же.
Щас разбираюсь почему первая стадия кнопки не отображает картинку, с этим тоже буду признателен.

Ссылка на форум www.rfxsx.ru/ku
Если код криво написан, не ругайте, главное все работает как надо))) Я неделю в этой области

html:

<div id="menushka">
<menushka>
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
<li><a href="{U_REGISTER}">{L_REGISTER}</a></li>
<!-- ENDIF -->
<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a> {S_SEARCH_HIDDEN_FIELDS}</a></li>
<li><a href="{U_SEARCH_NEW}" title="{L_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_LOGIN_LOGOUT}" title="{LOGIN_L_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS -->
<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->

</menushka>
</div>


css:

*{
margin:0;
padding:0;
}
.page{
margin:0 auto;
width:960px;
}
menushka{

list-style:none;
width:100%;
height:30px;
background:#fff url("{T_THEME_PATH}/images/knopka1.png") top left repeat-x;
}

}
menushka li{
float:left;
border-right:1px solid #333;
}

menushka li a{
display:block;
height:30px;
padding:0 35px;
float:left;
font:80%/30px Helvetica,"microsoft sans serif",arial,sans-serif;
color:#fff;
text-decoration:none;
text-align:center;
}
menushka li a:hover,
menushka li.active a{
background: url("{T_THEME_PATH}/images/knopka2.png") top left repeat-x;

}

разобрался