歌剧布局问题

<div id=\"header\">
        <div id=\"logo\">
            <h1><a href=\"http://lookaroundyou.net\">Look Around You</a></h1>
        </div>
        <div id=\"search\">
            <input type=\"text\"/>
            <input type=\"button\" value=\"search\"/>
        </div>
        <div id=\"horNav\">
            <ul class=\"horNav\">
                <li><a class=\"home\" href=\"#\">HOME</a></li>
                <li><a class=\"submit\" href=\"#\">SUBMIT</a></li>
            </ul>

        </div>
    </div>

#logo{
    width: 50%;
    float: left;
}
#search{
    float: right;
    width: 50%;
}


#horNav{
    clear: both;
    overflow: hidden;
    display: block;
    width: 100%;
}