Inserting google custom search bar in the header is causing problems for me

HTML & CSS
1

I am trying to insert a google custom search box in the navigation area of my header. If you can view this in FireFox, you will see what I would like for it to look like: http://www.vici.com/index_new.php
In any other browser I’ve tried (chrome, safari, IE, dolphin) adding the bar makes the whole navigation area bump below the height of the logo graphic, and after lots of experimentation, I am at a loss.
I’m attaching four files (I hope). 09-text and 09-layout are css files, index_new is htm, and main_nav_search is the server-side include with the navigation menu plus search bar.
I got some great help from this group when I did the initial design, and hope someone will take the time to point me in the right direction once again.

2

Defining a width seems to fix the problem.

Find:


div#main-nav {

Add:


width: 600px;
3

Yes, you need to set a width on a floated element for the float to mean anything. Otherwise it is 100% wide.

4

Thanks - I’ll give it a try!