Не тянутся inline-block
 

Всем привет.
Туплю уже долго, но понять не смог, по какой причине не тянутся блоки, пример тут: http://jsfiddle.net/Sbftz/5/
Т.е. родитель как и положено тянется на все свои 100%, а дети только до определенного момента, а потом просто перестают тянуться. Это можно легко увидеть, уменьшая масштаб в браузере.

В чем проблема ?

max-width

Блиииин, вот я слепой.
Спасибо!

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

классический способ:

.left{
    float: left;
    width: 200px;
}
.right{
    margin-left: 200px;
}

Можно еще display:table-cell использовать (IE7- не умеет)

Еще раз благодарю!