HELP PLEASE: Different Results on Firefox & IE7!!

Would really appreciate some quick assistance from the gurus. I have this simple code that basically is the text 'Search' followed by the form field for people to enter in their search words. When implemented looks good on Firefox but on IE, the form field is 1 row lower making the design look bad.

The code is here:

<div class="xxxxx">
				<span class="rp_searchheading">SEARCH XXXXX</span>
				<form action="http://xxxx.com/search.php" method="get">
				<input name="field" type="text" class="rp_txtbox1"  value=""/>
				<select name="cat" class="yyyyy">
				  <option value="v" selected="selected">Videos</option>
				  <option value="g">Games</option>
				</select>
				<input type="image" name="submit" src="http://www.xxxxx.com/images/rp_go_btn.gif" width="24" height="20" alt="" class="rp_go_btn" />
				</form>				

Code (markup):

Any changes in CSS affects firefox presentation and so cannot be used. Can someone tell me how i can make it look like it does on Firefox for IE?

Tks!

 

You can use table tag to format it.

<div class="xxxxx">
		<table>
			<tr>
			<td>
				<span class="rp_searchheading">SEARCH XXXXX</span>
			</td>
			</tr>
			<tr>
			<td>
				<form action="http://xxxx.com/search.php" method="get">
				<input name="field" type="text" class="rp_txtbox1"  value=""/>
				<select name="cat" class="yyyyy">
				  <option value="v" selected="selected">Videos</option>
				  <option value="g">Games</option>
				</select>
				<input type="image" name="submit" src="http://www.xxxxx.com/images/rp_go_btn.gif" width="24" height="20" alt="" class="rp_go_btn" />
				</form>
			</td>
			</tr>
		</table>
		</div>

HTML:

 

tks for the advice. But isn't tables to be avoided if possible? will give it a shot nonetheless, but hope to get more suggestions. tks again

very nice, it actually worked. Except now the form field has shifted up and covered the lower part of the 'Search' text above. So strange. Why is this happening? ggggg can u help to explain?