CSS позиционирование с анимацией

Question

Мне нужно центрировать mainBox DIV и сделать это с самого начала в центре страницы. Что касается gameArea, он должен быть с самого начала на своем месте, как на показанном изображении. Информационная панель должна перемещаться слева и проходить без перемещения других элементов после анимации. Это реально, не позиционируя его в px?

#mainBox { 
    overflow: auto; 
    margin: 0 auto; 
    height: 500px; 
    width: 1000px; 
    position: relative; 
    ... 
} 
#informationPanel { 
    position: absolute; 
    float: left; 
    ... 
} 
#gameArea { 
    float: left; 
    position: absolute; 
} 

DEMO

Answer 1

Добавить left:200px; в #gameArea.

Если это то, что я понял, что вы хотите.