Никак не могу настроить =( Помогите, please

[witerwe]

Никак не могу настроить отображения логина на сайте =( Помогите, please

Вот в чем проблема:

Есть у меня блок логинирования на сайте:

Код:

<ul class="reset loginbox">
  <li class="loginbtn"><a id="loginlink" href="#"><b>Login</b></a></li>
<li class="lvsep"><a href="{registration-link}"><i>Register</i></a></li>

</ul>

Код css:

.loginbox li {
  float:left;
  margin:8px 0 0 9px;
  width:90px;
  height:33px;
  line-height:32px;
  overflow:hidden;
  text-align:center;

}
.loginbox li a {
  font:normal 14px Tahoma, Geneva, sans-serif;
  color:#fff;
}
.loginbox li a:hover {
  text-decoration:underline;

Также есть блок пользователя на сайте:

(Код css тот же)

<ul class="reset loginbox">
  <li class="lvsep"><a id="loginlink" href="#"><i>Hi, {login}!</i></a></li>
<li class="loginbtn"><a href="{logout-link}"><b>Logout</b></a></li>
</ul>

Но есть проблема. Если логин больше 8 символов, его не видно.

Как сделать, что бы если логин не помещается при стандартном расположении, "Logout" сунуть влево на сколько нужно.

Это очень нужно!

Простьба всем: помогите кто чем может =(

[Scrum]

Это вроде лишнее.

.loginbox li {
  ...
  overflow:hidden;
  ...

}

[swetlana]

так естественно.

Ширина же жёстко задана. Незачем так делать.