Rightsidebar начинается с нижней части содержимого в div содержимого

У меня возникла проблема с обработкой div на моем сайте. У меня есть три divs "sidebarleft", "content" и "sidebarright", помещенные в div "container". Если в разделе "content" нет контента, остальные два div работают нормально. Но всякий раз, когда я добавляю содержимое в div контейнера, "sidebarright" начинается со дна "content" div. Какие-либо предложения?

Вот мои коды:

homepage.php:

<div class="container">
    <?php
    include "header1.php"
    ?>
        <div class="sidebarleft"><font class="common">
        <ul>
        <li style="font-weight:bold; font-size:26; align:center;">Categories</li>
        <li style="font-size:26;"><a href="pol_score_reset.php">Politics</a></li>
        <li style="font-size:26;"><a href="ps_score_reset.php">Programming Skills</a></li>
        <li style="font-size:26;"><a href="gk_score_reset.php">general knowledge</a></li>
        </ul></font>
        </div>

        <div class="content">
        <img align="center" src="images/good_luck.gif">
        </div>

        <div class="sidebarright"><font class="common">
        <script type="text/javascript"><!--
        google_ad_client = "ca-pub-4380835311996732";
        /* haryanamcresults_sidebar-right-1_AdSense3_160x600_as */
        google_ad_slot = "1081438655";
        google_ad_width = 160;
        google_ad_height = 600;
        //-->
        </script>
        <script type="text/javascript"
        src="//pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
        </font>
        </div>  

        <div class="clearfix">
        </div>
</div>  

stylesheet.php:

div.header{
    width:100%;
}
div.container{
    width:80%;
    height:100%;
    margin-left:10%;
    margin-right:10%;
    background:gray;
    display:block;
}
div.sidebarleft{
    width:20%;
    float:left;
}
div.contentmain{
    width:75%;
    float:left;
}
div.sidebarright{
    width:20%;
    float:right;
}
.clearfix{
    clear:both;
}