form layout problem

[bassdog65]

I am having a weird layout issue, that is driving me crazy.  I have a dropdown, and a small image next to it as the submit link, and for some reason i cant get the image to line up even with the dropdown box.

 

My code is very simple, which is why I don't understand what is going on.  Here it is:

 

		<form action="http://readydvd.mydvdkiosks.com/member/machineDvds" method="get">

  			<select name="machineId" size="1" style="width:300px; font-size:9pt;">
  		
			<option>Select your location</option>
			<option value="S100-B160">Clear Lake, IA</option>
			<option value="S100-B162">Ankeny, IA</option>
			<option value="S100-B163">Maquoketa, IA</option>

			<input alt="Go" style="padding-left:10px;" name="machineId" src="images/arrow.gif" type="image" />

		</select>

	</form>

 

The layout problem can be seen here:

 

http://www.farewaymovies.com/test/index2.php

 

 

[Axeia]

The ONLY 2 elements allowed inside <select> and </select> are:

[*]<option></option>

[*]<optgroup></optgroup>

Anything else and it's up to each browser how they handle your invalid page.

 

So place the image under the </select> and if that doesn't already do the trick try adding float: left; to the style attribute value of the image.