[css][html] вертикальное позиционирование inline / block элементофф.

Уфф.. Так, задача такая - найти самый кросс-браузерный способ позиционирование non-replaced inline и non-replaced block элементов. Это всё не прибегая к использованию таблиц, аттрибута display и не зная ни высоты, ни ширины чего бы то там ни было=) Да, и в рамках xhtml/css2.1. Честно, устал искать (*плюёцца в сторону разработчиков браузеров).

Пример:


Для такой ерунды, в принципе, решение нашел. Ночь копался, и только утром осенило. Все прочие методы, какие можно найти в интернете, какая-то несустветная чушь (жесткое задание line-height в абсолютных единицах, padding'и и margin'ы в абс. единицах и т.п., это все не то).

Решение (сработало в последних версиях opera, ie win и netscape):


Минусы: этот line-box (где img) теперь имеет line-height размером с родительский блок, но, для данной ситуации (и других, гораздо более сложных) подходит как нельзя кстати.

Но, появляется проблема: если line-height теперь высотой с родителя, то как быть с текстом состоящим из двух, трёх и более строк?? Ведь 100% высоты родительского блока будет разделять каждые две соседствующие строки текста, а это - overflow (выход за границы), что еще страшнее неотпозиционированного текста;)

Для block-level элементов я никакого решения вообще не нашел. Relalative/absolute и прочее позиционирование юзал, padding, margin процентные и т.п. юзал, ничего не помогает - все-равно, ну хоть убейся, нормального позиционирования, такого как у связки td/th + valign для варьирующегося объема содержимого, никак не всплывает.

Решение, однозначно, нужно, необходимо, жду ваших идей, теорий, советов и прочего, прочего, прочего...