#foo form { text-align:center; padding:0; }
#foo label { color:#fff; font-size:85%; margin:0 5px; font-weight:bold; }
#foo input { margin:0 5px;}
#foo button {border:none; height:23px; background:none; padding:0 0 0 0;
margin:6px 0 -6px 0;}
Just a suggestion... is there anywhere else in your css where you're applying some margins or padding to <img>? Maybe try adding something like:
#foo button img { margin: 0; padding: 0; }
It might make a difference, but it's hard to know without seeing the rest of the code.
Cheers,
Seona.