HTML+CSS+JavaScript

Необходимо расположить три блока <div> в одну строку так, чтобы:
один из блоков длиной 500px находился посередине страницы, а два других обтекали его с двух сторон при этом заполняя оставшуюся ширину страницы. Проблема в том, что необходимо использовать как float:left (чтобы блоки были в одну строку), так и margin:0px auto; (чтобы отцентрировать один из блоков). А эти два свойства противоречат друг другу.