Hi-
I can't seem to get rid of extra space in IE between the two elements on the right hand side of this header:
http://www.gse.harvard.edu/test/ppe/header.html
The page and the css both validate. It looks great in Firefox, but there is a lot of extra space in IE between the font sizer/directory and the search box beneath it.
I've gone crazy setting all margins and padding to zero (when appropriate).
Any ideas?
Here's the css:
body {margin: 0; padding: 0; font: 12px Verdana, Arial, Helvetica, sans-serif, Tahoma;}
#simpleheaderwrapper {background: #DDE8AE; width: 100%; margin: 0; padding: 0;}
#simpleheader {background: #DDE8AE; margin: 0; padding: 15px 15px 15px 15px; }
#hgselogo {margin: 5px 0px 12px 0px; padding: 0;}
#utilnav {font-size: 10px; line-height: 16px; color: #333333; margin: 0; padding: 0; text-align: right; float: right;}
#fontsizer {text-align: left; float: left; margin: 0 6px 0 0; padding: 0;}
#utilnav img {margin: 0px 0px 7px 12px; padding: 0;}
#searchbox {font-size: 9px; border: 1px solid #CCCCCC; margin: 0 12px 0 0; padding: 0;}