Please check my <form>, Validation error

[Debt.tv]

<form action="get">
<select id="gowhere" onchange="go()" name="myform">
<option>-Find A Menu By-
<option value="Search By Cuisine.htm">Cuisine</option>
<option value="Search By Zipcode.htm">Zipcode</option>
</option>
</select>
</form>
<form action="get">
<select id="gowhere" onchange="go()" name="myform2">
<option>-Choose A Zipcode-
<option value="Toledo.htm">Toledo</option>
<option value="Maumee.htm">Maumee</option>
<option value="Sylvania.htm">Sylvania</option>
<option value="Perrysburg.htm">Perrysburg</option>
<option value="Rossford.htm">Rossford</option>
<option value="Oregon.htm">Oregon</option>
<option value="Findlay.htm">Findlay</option>
<option value="Monroe.htm">Monroe</option>
<option value="Holland.htm">Holland</option>
</option>
</select>
</form>

Dreamweaver Valiation error
The tag "option" is not allowed within: "option". It is only allowed with optgroup, select. [XHTML 1.0 transitional

I tried a form that originally didn't work so I went to w3schools.com and found this one. It works but I just get this validation error. How should I fix this?

 

[nasaboy007]

you need a </option> after <option>-Choose A Zipcode- and <option>-Find a Menu By- and remove the extra </option>s right before the </select>s

 

[Debt.tv]

That was it. Awesome!

 

[Debt.tv]

now when I am using firefox or chrome there is no space between the form pulldown boxes but for IE7 there is a space. WHY?

 

[nasaboy007]

that probably has something to do with you having separate <form> tags (i think IE might have built in formatting for forms differently). try using css to style all forms with 0 padding, margin, and all those other wonderful spacing thingies.

 

[Debt.tv]

I have abandoned the use of the form. I am going with a <ul>

 

[nasaboy007]

did the space go away when you did that?