[css-d] Disappearing Drop Down

[Tod]

I'm creating a search form.  What I'd like to do is:

- On the far left have a dropdown to select a product.
- Next to it a javascript dropdown to select a category.  This is 
javascript managed so I can control it dynamically appearing as 
necessary based on the product selection.  Its default state is hidden.
- The search input.
- The submit button.


I have everything working so that when the user selects a specific 
product the associated category dropdown appears.  The problem is when 
this happens it wraps the input line and submit button to the next line. 
  I have extra room in the input field so that its width can be adjusted.

The HTML looks like this:

<div id="formdiv">
  <ul id="formul" style="list-style: none;float:left;border: solid black 
0px;">
   <form name="searchForm" method="post" action=" ">
    <li id="mainMenu" style="float: left">
     <select id="myList" style=name="restrict" onchange="subCats('myList')">
      <option id="item0" value="item0">Item0</option>
      <option id="item1" value="item1">Item1</option>
     </select>
    <li id="menuItem1" style="display: none;">
     <select id="subcat" name="subcat">
      <option id="subItem1" value="subItem1">menu1Item1</option>
      <option id="subItem2" value="subItem2">menu1Item2</option>
      <option id="subItem3" value="subItem3">menu1Item3</option>
      <option id="subItem4" value="subItem4">menu1Item4</option>
      <option id="subItem5" value="subItem5">menu1Item5</option>
     </select>
    </li>
    <li>
     <input type="hidden" name="pages" value="1"/>
     <input type="text" size="50%" style="display:inline;" name="words" 
value="null">&nbsp;
     <input type="image" border="0" name="Submit" style="float:right;" 
src="http://localhost/my.gif";>
    </li>
   </form>
  </ul>
</div>

I've used a little inline style tagging for debugging purposes but this 
will eventually live in a css file on its own.  Does anyone have any 
suggestions/tutorials for making this work?


TIA - Tod
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/