Header, 2 divy, jeden po lewo, a drugi na pozostałą szerokość Opcje

[expert]

Witam,

mam problem z jedną rzeczą.
http://jsfiddle.net/exzL8/1/
Chodzi o to, że mam menu. Chcę aby link 'Strona główna' był zawsze po lewej stronie, tak jak jest. Zaś chcę aby pozostałe linki w divie rozciągały się na pozostałą szerokość strony. Z tym rozciąganiem właśnie mam problem, bo chce do tego dołożyć coś takiego http://jsbin.com/opufow/24/edit tylko, że zamiast przycisków chce aby linki przewijały się po przesunięciu kursora w osi x. Chce to dopasowanie diva zrobić tylko i wyłacznie w CSS.

Ktoś mógłby mi podpowiedzieć co można zrobić, aby ten div był zawsze na górze i się zwijał i rozwijał w zalezności od szerokości strony? W tabeli by to juz było gotowe, ale to jest nie eleganckie.

EDIT:
Znalazłem:

Kod

<header style='display:table; width: 100%;'>
  <div style='display:table-cell; width:1%; white-space: nowrap;'>some content</div>
  <div style='display:table-cell; background-color: red;'>some more content</div>
</header>

Ten post edytował expert 5.12.2012, 21:33:12