Во втором примере как раз видно, блок переместился вниз, а wrapper растянулся на весь экран везде кроме Оперы, невзирая на inline-block (его даже можно убрать, оставить только block, после этого ничего не изменится кроме Оперы - там он правильно превратится в block и растянется как положено по окну браузера).

В статье написано про пробелы между inline-блоками, пока с этим не встречался, но на всякий случай сохранил.

Вобщем сделал на js. Сразу после загрузки css, вычисляю и присваиваю паддинг-лефт родительскому блоку и контент выстраивается по центру.
Единственное девятая Опера подтупливает (прыгает паддинг при обновлении страницы, изображения очень долго отображает и т.д.), но ей наверное недолго осталось, в 10.51 всё превосходно.

Теперь последняя проблема. Пока ещё не разбирался что да как. Описание - имеем 4 блока одинаковой высоты и заданой им разной ширины. Выстроены они в одну строку. Задача - левый блок прижать к левому краю, правый к правому, а те два оставшихся равноудалить друг от друга, короче говоря чтобы расстояния между блоками (первым-вторым, 2-3, 3-4) были равны. Всё резина.
Пока думаю всем блокам присвоить inline-block, а остальное выровнять пустыми блоками с заданой шириной в процентах, но что-то есть сомнения насчёт такого подхода.
Какие мысли будут по этому поводу? Код не обязательно, главное направление мысли.

Блин, где-то видел именно такую задачу, у кого-то известного, но не помню кого.)

Чикуенок? Я пока не встречал. Как найдёте, скидывайте сюды.

но тем не менее проблемы скорее всего будут
Sending XHTML as text/html Considered Harmful
p.s. и в общем-то существование XHTML для меня как-то сомнительно...

Идея с процентами пока не работает. При одном разрешении экрана нужно 5% чтобы загнать элемент в правый угол, а при другом разрешении - 20%.
4 элемента inline-block разной ширины идут друг за другом в одну строку. Нужно равноудалить каждый элемент, т.е. первый прижат к левому краю, последний к правому, остальные имеют одинаковые промежутки друг от друга. Неужели снова js...

Не хочет он табличками=) Давно бы уже сделал.

Ну не зна~аю.
Вместо элементарного:

<table width="100%" height="200">
	<tr>
		<td style="width:100px;background:#ddf;"></td>
		<td></td>
		<td style="width:200px;background:#dff;"></td>
		<td></td>
		<td style="width:50px;background:#dfd;"></td>
		<td></td>
		<td style="width:150px;background:#fdd;"></td>
	</tr>
</table>

Городить нестабильный огород на дивах, имхо бессмысленная трата времени, нервных клеток и килобайтов кода.)

Хотя, у меня появилась мегаидея, минутку.))
Не не катит идея - использовать text-align:justify, всё равно надо word-spacing выравнивать, ибо принудительно цука не хочет хочет justify'ить. Хотя если юзать js придётся то такой вариант удобнее будет, всего лишь один параметр менять.)
Ну и ie

Немного отвлекался на битву с налоговой.
Вобщем продолжим.
С таблицей работает, проверил. Пока в раздумьях, js vs table, но так или иначе уже есть из чего выбирать.
Вопрос появился по ssl, можно ли изменить имя создателя сертификата? Хочу сделать ajax-ssl (через создание на js iframe с адресом https), но это сообщение на всю страницу о неизвестном создателе сертификата никак не вписывается в маленькое окошко авторизации. Изменив имя на популярных ныне создателей сертификатов (verisign и т.д.) проблема бы решилась, но вопрос в том, как это сделать.