Tengo dos divs como este:

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

Y aquí está mi css:

<code>#left
{
    float: left;
    margin-right: 17px;

}

#right
{
    float: right;
}
</code>

Quiero que el espacio entre los divs sea 40px. Intenté agregar el relleno, el margen y el ancho en mi css, pero creo que no configuró el relleno para corregir 40px. ¿Cómo hacerlo?