Делаем кроссбраузерное резиновое решение под любой HTML элемент.
Для начала взглянем, на решение, которое нашлось на сайте fastcoder.org. Вполне приемлемое решение, но если не использовать таблицы с ячейками, то резиновый блок можно сделать так:
<div style="position:relative; height:25px; overflow:hidden; margin-top:10px">
<div style="position:absolute; white-space:nowrap;">
много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв
</div>
</div>
Очень важным является указание height, иначе Вы не увидите текст. Для браузера Опера нужно указывать white-space во внутреннем диве, иначе он может неправильно обработать строку.