Настройка модуля "Блок с гарантиями для клиента"

[AleksandrArchipov]

Здравствуйте!
Столкнулся с трудностью настройки модуля. Содержимое отображается по левому краю, а справа большой кусок пустоты, который ничем не заполнить. style.css

Код: [Выделить]

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:url(../blockreinsurance/img/bg_reinsurance_block1.gif)}
#reinsurance_block li {
float:left;
padding:15px 10px !important;
font-size:13px;
color:#333;
text-transform:uppercase;
text-shadow:0 1px 0 #fff
}
#reinsurance_block .width1 li {width:560px}
#reinsurance_block .width2 li {width:470px}
#reinsurance_block .width3 li {width:305px}
#reinsurance_block .width4 li {width:224px}
#reinsurance_block .width5 li {width:175px}
#reinsurance_block li img{
float:left;
margin-right:12px;
}
#reinsurance_block li span {
float:left;
padding-top:10px;
width:65%;
}Пробовал left на center менять -содержимое выстраивается друг на друга.

[Adik]

"width" не в "px", а в "%" задайте тогда будет во всю ширину браузера.

[AleksandrArchipov]

Большое Вам спасибо!
---
Если у кого возникнут такая проблема как у меня - решение:
У меня 5 "гарантий" в блоке, у вас может быть больше. 100% делим на кол-во (у меня 5) получаем 20. Значит каждое значение width должно увеличиваться на 20%.

Код: [Выделить]

#reinsurance_block .width1 li {width:100%}
#reinsurance_block .width2 li {width:80%}
#reinsurance_block .width3 li {width:60%}
#reinsurance_block .width4 li {width:40%}
#reinsurance_block .width5 li {width:20%}
Еще раз большое спасибо!