CSS compatibility issues with IE8

Question

I'm using table to show some data,but has the following BUG with IE8:

The right of the text is hidden.

I have set the following properties:

1. table-layout:fixed; (Do not want to modify this.)
2. td {padding: 3px;}

Debugged with IE8,Found the following problem:

The div tag in td is overflowing the td's Boundary.

What reason? Please help.

Answer 1

http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

set box-sizing: content-box on the td containing the div

IE8 defaults to border-box , all newer versions and all other browsers default to content-box