Может вместо display: inline-block; прописать width:auto;...

в этом случае правый блок смещается вниз, чего быть не должно...

Может вы еще чего лишнего прописали..
вот вариант?

Вроде это то, что нужно, но не работает :)

Вот мой код


[CSS].header { margin: 10px 20px; height: 104px; }
.header .left { background: url('../images/header.png') no-repeat 0 0; height: 104px; width:626px; float: left; }
.header .center { background: #cecece no-repeat 0 0; height: 104px; margin: 0 18px 0 0; }
.header .right { background: url('../images/header.png') no-repeat 0 -104px; height: 104px; width:18px; float: right; }[/CSS]

сайт на котором можно посмотреть как это выглядит - http://kvartal.convex.ru

правый див вставте первым и в стилях
[CSS].header .center { background: #cecece no-repeat 0 0; height: 104px; margin: 0 18px 0 626px; }[/CSS]

А все получилось оказывается надо было в html серединный блок располагать после левого и правого

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.