Div med float opfører sig underligt.

Hej.

Jeg har denne kode:

<?php
       
       
            print "<div id=\"menu_left_side\">";
           
            print_menu_column();
           
            print "</div>";
       
       
       
       
       
        ?>
       
            <div id="content">
           
                <?php $page->print_section( "content" ); ?>
               
            </div>
               
        <?
            if( method_exists( $page, "print_left_column" ) )
                            {
                print "<div class=\"sidebar-a\">";
                               
                $page->print_left_column();
                           
                print "</div>";
            }

               
       
        ?>

        <div id="footer">
       
            <p style="color: #FFFFFF; ">
               
                Copyrigt by me            </p>
           
        </div>

med denne css:

#content
{
    width: 300px;
    padding: 0;
    margin-left: 0;
    padding-left: 200px;
    margin-right: 40px;
    padding-top: 1em;
    padding-bottom: 2em;
    border: 1px solid #000;
    float: left;
   
   
}

.sidebar-a {
    float: right;
    width: 200px;
    margin: 0;
    padding-left: 15px;
    border: 1px solid #000;
}


#menu_left_side {
    float: left;
    width: 173px;
    \width: 173px;
    w\idth: 173px;
    margin: 0;
    padding-left: 0px;
    background-image: url(/images/menu_bg.jpg);
    border: 1px solid #000;
}

Det der sker er at alle 3 div tags gerne skulle stå på ved siden af hinanden. Men det er kun menu_left_side og content der står ved siden af hinanden. sidebar-a ligger sige til højre neden for content men ikke lige samme vanrette plan.

Hvorfor ikke?