Меню аккордеон (с помощью Mootools)
 

Задача стоит в следующем, имеем Mootools, и плагин BySlideMenu. Требуется создать резиновое меню из 4 пунктов на всю ширину экрана,
проблема состоит в том, что надо сделать резиновым меню, т.е. ширина каждого пункта, должна быть по 25%, а вот здесь где надо указывать параметры проценты не работают. :(

var BySlideMenu = new Class({
Implements: Options,

options: {
defaultIndex: false,
expandMode: 'mouseover',
pinMode: false,
vertical: false,
compressSize: 80,
elementWidth: 320,
elementHeight: 240,
autoSize: true,
duration: 400,
transition: 'linear',
containerWidth: null,
containerHeight: null,
useOverflow: false
},

В коде указываю следующее...

<ul class="bsm" id="byslidemenu">
<li class="first"><img alt="" src="http://javascript.ru/forum/images/creditcards.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/games.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/computer.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/eiffeltower.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/electronic.jpg" /></li>
</ul>

в подключаемом стиле ничего нет, кроме...
ul.bsm{
margin: 0px auto;
border:1px solid #B0B0B0;
list-style-type: none;
}

ul.bsm li{
border-left:2px solid #FFFFFF;
}

Подскажите что делаю неправильно.

ссылка на сайт разработчика
ссылка на код плагина BySlideMenu