Why does the overflow: auto setting on a div nested in a table cell not render the scroll bars properly in IE 6, IE 7, and Firefox 2 and Firefox 3?

If you have ever seen Firefox 2 and 3, IE 6 and/or IE 7 render the scroll bars on a div that has the overflow: auto property set what follows is a full description of the problem and a solution.

Click here for said solution.