Установить интервал между элементами div

У меня есть два таких блока div:

<section id="main">
        <div id="left">
            <asp:ContentPlaceHolder ID="left" runat="server" />
        </div>
        <div id="right">
            <asp:ContentPlaceHolder ID="right" runat="server" />
        </div>
</section>

А вот мой css:

#left
{
    float: left;
    margin-right: 17px;

}

#right
{
    float: right;
}

Я хочу, чтобы расстояние между блоками было 40px. Я попытался добавить отступы, поля и ширину в моем css, но я думаю, что он не установил отступы на правильные 40 пикселей. Как это сделать?