Issue with CSS

[jaatendi]

Hi, I have set up a domain registration form on my homepage using the following code:

 

<div style="text-align: left;"><form action="https://www.webgooroo.ca/clients/cart.php?a=add&domain=register" method="post"> <input name="token" value="e9efc2308590f72d6e9b60b2e8ec80f38f1feee0" type="hidden" /> </form><form action="https://www.webgooroo.ca/clients/cart.php?a=add&domain=register" method="post">

<p><img style="float: left;" src="images/stories/domains.png" /></p>

<p>Domain: <input name="sld" size="20" type="text" /> <select name="tld"> <option>.com</option> <option>.net</option> <option>.org</option> <option>.ca</option> <option>.tv</option> </select> <input value="Go" type="submit" /></p>

</form></div>

<p><br /><br />Register your domain name at the lowest price. Why pay more?</p>

 

For once, it is displaying the way I want it to in Internet Explorer, but not in Firefox. I have attached screenshots from both browsers. If someone could tell me how to I can change to code to get it to look the way it does in IE in Firefox, I would really appreciate it. Specifically, I want the extension chooser, and the "go" button to be to the right of the field. Thanks in advance