Everything looks great on Firefox and IE8, but on IE 7 the middle "search input text field" is not aligned properly with the other two fields. It seems to be dropping down slightly.
Here is the code - thank you for your help:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS IE 7 Issue</title>
<style type="text/css">
.search{
background:#000000;
width:700px;
border:3px solid #000;
}
.inputWrap, .buttonWrap, .selectWrap {float:right; border:0px solid #000;} input[type="text"], input[type="button"],select {height:1.5em; line-height:1.5em; font-size:100%; border-width:0; padding:0;} /* ie7- specific css */ .search .textfield {float:right; display:inline;}
</style>
</head>
<body>
<div class="search">
<form id="searchForm" action="#" method="post">
<div class="buttonWrap"><input type="button" value="Go" /></div>
<div class="inputWrap"><input type="text" value="Search .." /></div>
<div class="selectWrap">
<select>
<option value="Company">Company</option>
<option value="Profession">Profession</option>
<option value="People">People</option>
</select>
</div>
</form>
<br style="clear:both"/>
</div>
</body>
</html>