div меню со span'ами и justify

[freeek]

решил написать резиновое меню с простым концептом:

<div id="menu">
<span>menu element 1</span>
<span>menu element 2</span>
<span>menu element 3</span>
</div>

на div решил указать text-align: justify и на кажды span небольшие горизонтальные padding'и. тоесть весь мой css выглядит так:

#menu {text-align: justify;}
#menu span {padding: 0 5px;}

но текст не тянется на ширину div'a и располагается слева. нужен совет по исправлению или новый концепт (желательно первое).

[Great Rash]

http://forum.htmlbook.ru/index.php?showtopic=20735

[freeek]

турбоспасибо. применю данный способ обязательно, но был бы ещё благодарен если б мне пояснили что не так с моим концептом.

[Great Rash]

Первая строка текста не растягивается согласно спецификации CSS2:

In the case of 'justify', this property specifies that the inline-level boxes are to be made flush with both sides of the block container if possible, by expanding or contracting the contents of inline boxes, else aligned as for the initial value.

По этому нужно использовать либо CSS3 свойства, в частности text-align-last или различные ухищрения типа дополнительных блоков, растянутых на ширину контента.