Eu tenho dois divs assim:

<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>

E aqui está o meu css:

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

}

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

Eu quero que o espaço entre os divs seja 40px. Eu tentei adicionar preenchimento, margem e largura no meu CSS, mas acho que não definiu o preenchimento para corrigir 40px. Como fazer isso?