Ситуация следующая: имеется форма с разными полями. Она выделена рамкой и бэкграундом. Но поскольку это блочный элемент, то она стремится занять всю доступную ширину. В итоге получается некрасиво. Хотелось бы, чтобы форма занимала ровно столько по ширине, сколько ей нужно, исходя из наличествующего в ней содержимого.

Попробовал прописать <form style="display: table;">

В Firefox'е сработало нормально (правда, не взялось свойство padding), а в IE вообще глухо - по-видимому, не понимает он таких извратов.

Вопрос: как же все таки сделать, чтобы ширина формы ограничивалась наличным содержимым, и при этом кроссбраузерно?

Добавлено через 12 минут и 53 секунды
Вот, придумал щас - можно саму форму поместить в таблицу:



Получается хорошо, но... несемантично, блин!

Есть другие предложения?

как вариант


чтобы не было обтикания у нижеидущих элементов добавить свойсво стиля