> I have a table cell in which is placed a <SELECT> tag. The drop-down box has
an excessive amount of whitespace below it, forcing the cell to adjust its
Set "margin: 0px; padding: 0px" on the <form> definition inside the
table - or move the opening and closing <form> tags so that the table
is inside it.
One other tip. In a <div> version of a table in which I put my own
<select>, I noticed that any text to the left of the <select> would be
vertically top-aligned with the <select> control itself. I couldn't
get the <select> control to move up vertically so that things were
vertically centered. I ended up having to do the following:
<select style="margin-top: -22px; margin-bottom: 2px">
Yes, that's right. It's a complete hack and neither one of those
declarations has any right to work as it does. In IE, it's the
"margin-top" that moves it up. Anything < 22 doesn't do anything,
whereas when I changed it from 21 to 22 it suddenly starting moving
up. (IE ignores the "margin-bottom".) Mozilla, on the other hand,
ignores the "margin-top" and pays attention to the "margin-bottom".
Although, why using margin-bottom to move the control up (rather than
add an actual margin at the bottom) eludes me.