Problems with spacing and creating new lines

Question

I have been modifying SourceBans to look more modern and I came into a little pickle That is that I want the search field to be in the right below the links on the top like this:

Here's a live version of the current page: ☻

Additional Resources:

• CSS
• Searchbar Sourcecode

Answer 1

Add width: 100% to the button input and remove width: 300px; float: left; from the #search.

That should fix it.

Answer 2

• remove float: left; from both #nav and #search
• remove width from #search
• make your input width:100%

(and a little padding-top)

Answer 3

Try to add this:

    /*
    This container do not need to float: left, just use this:
    */
    #search
    {
       /* margin-left: 590px; my mistake ;) */
        padding: 2px 0 0;
        text-align: left;
        width: 300px;
    }

/* remove default marging and padding of the form element */
#search form
{
   margin: 0;
   padding:0;
}

/* grow searchbox to full width, if wanted */
#search .searchbox
{
   width: 100%;
}