html - ネストされた div フローティング配置

Question

これらのネストされた div をレイアウトして、クリアを見つけようとするのを楽しんでいます。www.ffldraftoptimizer.com でコンテンツの右側に広告を表示しようとしていますが、コンテンツの下に表示されます。非常に多くのテストと解決策の検索を行いましたが、実際に何を試し、何を試していないかを言うことはできません. コードを要約し、現在の基本的なレイアウトについていくつかコメントを入れました。誰かがサイトをチェックアウトして助けてくれることを願っています.

//container:
    //div.MaxWidth
    //{
    //width:50%;
    //height:auto;
    //max-width:50%;
    //text-align:justify;
    //text-justify:inter-word;
    //}
    <div class="MaxWidth">
         //#left {float:left}   
        <div id="left">
        <div >
             <img src="images/optimizefront.jpg" class="floatLeft" />
                //content that wraps around the image as desired
        </div>
        </div>
        <div>
                //ad
        </div>
    </div>