Help with a text box

Right now I'm working on a template (not final) at:

http://www.dirsrc.com/wp/index.php?wptheme=Paper


The problem I'm having is with the search box in IE7. Firefox 2 renders the page just fine and you will notice the search box works normally. IE7 only gives a few pixels along the bottom of the search box that are able to activate the box.

This is my search box CSS:

#sarea {
	clear: both;
	position: relative;
	width: 100px;
	height: 30px;
	padding: 67px 0 0 110px;
	text-align: left;
	float:left;
}
* html #sarea {
	margin: 0 0 0 0;
}
#searchbox {
	float: left;
	width: 85px;
	margin: 0 0 0 18px;
	background: none;
	color: #777;
	font-size: 14px;
	font-weight: bold;
	border: 0;
}
#go {
	padding-left: 20px;
	width: 70px;
}

Code (markup):

My guess is that the DIV that's holding the form is somehow blocking it. Any and all help is appreciated.

 

Try min-height:1%; in #searchform to set hasLayout