Simple CSS Problem

I have a simple css issue. I applied inline styles to the domain checker on this page:
http://www.jackrabbit.host

and the inline styles worked fine. So I took the styles and created ID’s in my style.css sheet and applied the id’s to the domain checker elements but the id’s aren’t working.

Here is the css I put at the end of my style.css sheet for my theme:

#home_domainchecker {

	width: 648px;
	padding:5px;

	}

#home_www {

	margin: 10px 0px 0px;
	position: absolute;
	font-size: 18px;
	}

#home_domaininput {

	margin: 0px 0px 0px 52px;
	height:40px;
	font-size:18px;
	width:642px;
	}

#home_selector {

	position:absolute;
	margin: -8px 0 0 222px;
	}

#home_domainbutton {

	position: absolute;
	margin: -40px 0px 0px 805px;
	width: 90px !important;
	height: 40px;
	font-size: 18px;
	}

and here is the code I’m applying the id’s to:

<div id="action" class="clearfix box padding-box">

<form action="http://www.jackrabbit.host/high-speed-hosting/whmcsportal/domainchecker.php/?" method="post" id="home_domainchecker">
	<input type="hidden" name="direct" value="true"/>
		<div id="home_www">www.</div>
			<input type="text" name="domain" size="20" placeholder="Choose a new domain" id="home_domaininput"/>
				<div id="home_selector">
					<select name="ext">
						<option>.com</option>
						<option>.net</option>
						<option>.org</option>
						<option>.us</option>
						<option>.info</option>
						<option>.biz</option>
						<option>.uk</option>
						<option>.name</option>
						<option>.ca</option>
						<option>.co</option>
						<option>.eu</option>
						<option>.co.uk</option>
					</select>
				</div>
			<input type="submit" value="Go!" id="home_domainbutton"/>
</form>

</div>

what am I doing wrong? Definitely not an expert here :/

Thanks!