Как установить, чтобы все элементы в теге ul были одинаковой максимальной ширины (с переносом слов)?

Question

Итак, у меня есть список с кнопками вроде:

<ul>
<li><FORM><INPUT type="button" value="some page!" onClick="window.open('http://www.pageresource.com/jscript/jwinopen.htm','jwinopen','width=400,height=200,left=0,top=100,screenX=0,screenY=100')"></FORM></li>
<li><FORM><INPUT type="button" value="other page!" onClick="window.open('http://www.adobe.com/devnet/air/samples_actionscript.html','samples_actionscript','width=400,height=200,left=0,top=100,screenX=400,screenY=100')"></FORM></li>
</ul>

Я хочу, чтобы все кнопки имели размер кнопки макс и имели перенос слов. Как это сделать? (IE6, firefox)

Answer 1

с использованием css

ul > li > form input {width: 42px}

в этой форме будет соответствовать всем потомкам <input>s

Answer 2

это должно помочь вам начать:

input[type="button"], .ieButton {
    max-width: 150px;
    padding: 5px 10px;
    word-wrap: break-word;
    height: auto;
    background-color: red;
 }

, но IE6 не распознает селектор css, поэтому вы должны присвоить каждой кнопке класс 'ieButton и сделать bie6-специфичный css (не иметь ПК)рядом, так что я не могу проверить то есть для вас)