Urithrand

I have been playing with this for literally about 5 hours now and I’m so tired I might actually faint at my keyboard. My current code looks like this:

<div id="header_bottom">
	<div id="breadcrumb">
		<?php if ( function_exists('yoast_breadcrumb') ) {
		yoast_breadcrumb('<p id="breadcrumbs">','</p>');
		} ?>
	</div>

	<div id="search_bar">
		<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
		<input type="text" size="put_a_size_here" name="s" id="s" value="Search Gnari Publications..." onfocus="if
		this.value==this.defaultValue)
		this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
	</div>

	<div id="search_button">
		<input type="submit" id="searchsubmit" value="Search" class="btn" />
		</form>
	</div>
</div>

And my CSS looks like this:

#header_bottom {
	width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
	padding: 1% 1% 1% 1%;

}

#search_button {
	float: right;
	width: 10%;
}

#search_bar {
	float: right;
	width: 32%;
}

#breadcrumb {
	float: left;
	width: 50%;
	color: #ffffff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;

}

I have a deadline to meet getting this up and running and I’m getting a pounding stress headache so sorry if I’m not being very polite but I’m desperate for someone to help with this.

Oh, the site is gnaripublications.com I forgot to mention. You can see how the elements aren’t lining up but from what I can see on about a million Googles on the subject, the code is perfect. I’m really stumped.

Many thanks <3