I am having problems with some browsers in how they render, and in a big way. I have <td> cells that contain <div> elements, and I have the latter's height expand to the full height of the <td> by giving them height: 100%. Only in IE does the <div> always expands 10 to 15px and beyond the bottom boundary of the <td>.
Still talking about the same web page, I also have another issue where I have <a> links in the first column of <td>s, and when I hover it, I set the font-weight to bold. For some reason, the <tr> element in IE and Chrome starts expanding, causing all <div>s to grow in height at like one pixel per hover I do on the <a>. This doesn't happen on Opera and Safari.
I'm not sure how to handle this. Any advice on this matter would be greatly appreciated.