Autoresize button (HTML + Javascript)

Най общо :
Имам два бутона.При OnClick() на единия присвоявам някакъв String като стойност на втория.Проблемът се състои в това, че искам бутоните да са с фиксирани размери, а ако подадения String е прекалено голям размерите на бутона се променят автоматично.Искам ако е нужно част от текстът да не е видим но размерите на бутона да останат непроменени.

Примерно, ако искаш бутонът ти да е 100 пиксела широк:
<input type="button" ...и др... style="width:100px;" />.

Благодаря!

Сега пробвах да му добавя и height:200 да речем.Иска ми се да ползвам цялата височина за изобразяване на текста.Ако може да го разделя на два или три реда.Как би станало това?

не бих слагал много текст върху бутон - не е прегледно, по-добре си задели някакво текстово поле за целта, като по някакъв начин визуално ги отделиш от останалите за да е ясно за кво иде реч.

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.

Ще има два панела горен с 20-30 плътно долепени бутони и долен с 30-40 бутона :).Място за текст няма да има.С ajax ще се взимат values на долните бутони от едно php през MySQL.Нещо като система за маркиране в ресторант :)

<input type="button" style="width:150px;height:150px" value="НЕ ТОЛКОВА ГОЛЯМ ТЕКСТ" >



Поне това искам да се вижда.

Вариантът, за който се сещам, и с който можеш да покажеш целия текст на бутона и той да се "излива" спокойно в полето, определено за него, е да замениш бутоните с обикновени линкове, които да изглеждат като бутони. Може и да ти свърши работа:
css:

.button {display: block;width: 150px; height: 150px;padding: 2px; border-width:1px; border-style:solid; border-color:#ccc #666 #666 #ccc; background:#eee;color:#000; text-decoration:none;}

html:

<a href="#" onclick="" class="button">mnogo dalag text mnogo dalag text mnogo dalag text mnogo dalag text</a>