У меня есть стандартное меню CSS, созданное с помощью тегов UL и LI. Мне нужно, чтобы они покрыли всю страницу горизонтально (не в моем случае, но я воспользуюсь этим, чтобы упростить ситуацию). Однако элементы создаются динамически, и поэтому я не могу жестко кодировать какие-либо элементы LI или поля.

Я видел решения, использующие JavaScript для установки этих значений, но я бы очень хотел их избежать.

Наконец, я видел довольно хорошее решение, которое устанавливает

#menu {
    width: 100%;
    /* etc */
}
#menu ul {
    display: table;
}
#menu ul li {
    display: table-cell;
}

Это создаст желаемое поведение в большинстве браузеров ... за исключением IE.

Есть идеи?

РЕДАКТИРОВАТЬ: Спасибо за ответы. Однако, поскольку код, который генерирует элементы, не является моим, я не могу устанавливать встроенные стили при их создании без использования JavaScript позже.