Второй DIV не выравнивается, его опускают

Я ищу везде и перепробовал все, что мог, но не могу выровнять свой второй DIV . См. код ниже:

изображение на tinypic.com

Как видите, я добавил белую рамку, чтобы мы могли видеть точный размер. Проблема здесь с кнопками социальных сетей DIV справа.

Вот HTML:

    

        <%= form_tag({:controller => 'list', :action => 'index'}, :id => 'searchfrm') do %>
            

                <%= text_field_tag(:query, value=@query, options={:size => "47", :placeholder => "Enter a product name..."}) %>
                <%= text_field_tag(:selectedpage, value=@page, options={:class => "hiddenelement"}) %>
            
            <%= submit_tag("") %>
        <% end %>
        

    
   
    

        

        
Tweet
        

        

    

А вот CSS

#content_header{
    width:100%;
    background-color:#333333;
    border-bottom: 1px solid #999999;
    -webkit-box-shadow: 0 0 3px 0 #000;
    -moz-box-shadow: 0 0 3px 0 #000;
    box-shadow: 0 0 3px 0 #000;
    padding: 10px 10px 10px 10px;
    height:35px;
    vertical-align: top;
}

#schcontainer{
   width:48%;
   border: 1px solid #FFFFFF;   
}

#mediabuttons{
    width:39%;
    float:right;
    text-align:right;
    border: 1px solid #FFFFFF; 
}

#mediabuttons div{
    margin:0;
    padding:0;
    width:25%;
    float:left;
}


.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}    

Будем признательны за любую помощь.

Ура!

ОБНОВЛЕНО CSS:

#content_header{
    float:left;
    overflow:hidden;
    width:100%;
    background-color:#333333;
    border-bottom: 1px solid #999999;
    -webkit-box-shadow: 0 0 3px 0 #000;
    -moz-box-shadow: 0 0 3px 0 #000;
    box-shadow: 0 0 3px 0 #000;
    padding: 10px 10px 10px 10px;
}