customizing chrome drop down menu

[psupport]

I'm trying to add a search box to the chrome CSS drop down menu (http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm). I cannot get the search box to display in-line with the links.

Following the example in the Modern Brick Menu (http://www.dynamicdrive.com/style/csslibrary/item/modern-bricks-menu/P10)I pasted the following code to the chrome menu-


CSS:
#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: 1px Verdana;
height: 22px;
}


HTML:

<ul>
<li><a href="home.html">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>
</ul>
<form id="myform">
<input type="text" class="textinput" /> <input class="submit" type="submit" value="Find" />
</form>
</div>

[Nile]

And... You want what?

[psupport]

I want the search box to display in line with the navigation bar as seen in the Modern Brick Menu. When I tried to adapt this style to the Chrome Menu the search box does not display correctly. Instead it appears in a columm below the menu like this.

Home | Resources | News | Search
[search box]



Am I missing a property in the CSS or is there an HTML fix?

[rangana]

Do you have a live page?!..Is that all your code? ;)

Floating your ul, should do this for you :)

...If nothing works, add display:inline; ;)