CSS3 Horizontal Menu with Search box

There are lots of websites that contain the search box alongside with their menu. I wanted to create a similar menu for one my projects.  First thing is to create the <ul> <li> structure for the menu. The menu without any CSS would look like as shown in the following image:

Following is the HTML that was used to create the menu.

HTML



CSS



Final Result