центр div с максимальной шириной

Question

У меня есть 2 divs с максимальной шириной, применяемой к ним так, как я хочу. Один имеет максимальную ширину 900 пикселей, а остальные 820 пикселей, и они уменьшаются, если размер окна становится меньше по мере необходимости.

<div id="componentWrapper"> 
    <div class="thumbContainer"></div> 
</div> 

#componentWrapper{ 
    position:absolute; 
    height:190px; 
    width:100%; 
    max-width:500px; 
    top:50%; 
    background:red; 
    margin-top:-85px; 
} 

#componentWrapper .thumbContainer{ 
    top:0px; 
    left:0px; 
    height:180px; 
    max-width:420px; 
    margin-left:40px; 
    margin-right:40px; 
    background:green; 
    overflow:hidden; 
} 

http://jsfiddle.net/DzgQ3/1/

Я пытаюсь центрировать это внутри окна теперь с чистым CSS, если это возможно. Он должен оставаться центрированным, даже если размер окна меньше, чем текущая ширина внешнего элемента.

Answer 1

margin: auto; обычно работает на такие вещи.