css динамическая ширина дочерних элементов в родительском контейнере

При программировании набора элементов div рядом друг с другом я столкнулся с проблемой. Ситуация такова.

введите описание изображения здесь

Как вы можете видеть в примере изображения, количество divs укладывается рядом друг с другом (красные, зеленые оранжевые блоки). Они живут внутри контейнера с фиксированной шириной. Каждый раз, когда перезагружается страница, происходит разное количество цветных div. Как я могу распределить их равномерно в контейнере? (пустое пространство справа …) Хотя я вычисляю процентное соотношение ширины (т.е. 21.14%), используя php и устанавливая его для элементов. Это, похоже, работает в Firefox, но это не в IE или сафари / хром. Я думаю, что это имеет какое-то отношение к IE и webkit , неспособным назначить ширину, т.е. 21,5 px?

Является ли это возможным? И как?

Благодаря!