button alignment

[KDLA]

page (http://testvcnkyvc.embanet.com:85/default.aspx)
IE6 & IE7 the alignment is fine. Firefox/Chrome/Opera places the button about 10px too high.

Relevant CSS:


#log-search {background: #55538A; position: absolute; left: 65%; top: 10px; width: 35%;}
#log-search div {display: inline;}
#log-search input, #log-search label {font-size: 1.1em; overflow: visible;}
#log-search a, #log-search label {color: #fff;}
#log-search a:hover {text-decoration: none;}
#log-search #searchbox input {border: none; background: transparent; width: 100px; height: 16px;}
#log-search #searchbox {display: inline-block; background: url(/design-images/searchbox.gif) no-repeat 2px top; padding: 2px 24px 2px 4px; height: 20px;}
#log-search #searchbox #btnSearch {vertical-align: middle;}
#log-search b.rtop, #log-search b.rbottom{display:block;background: #2C296E;}
#log-search b.rtop b, #log-search b.rbottom b{display:block;height: 1px; overflow: hidden; background: #55538A}
#log-search b.r1{margin: 0 5px}#log-search b.r2{margin: 0 3px}#log-search b.r3{margin: 0 2px}#log-search b.rtop b.r4, #log-search b.rbottom b.r4{margin: 0 1px;height: 2px}
#log-search ul {padding: .5em .7em;}
#log-search ul li, #log-search li form {display: inline; white-space: nowrap;}

[Fang]

#log-search #searchbox
Remove: height: 20px;
Add: line-height: 22px;