I played around with the padding and width of a single div and noticed the differences in size between Chrome and IE 8. Here is the code:

Code:
div {
    width: 100px;
    padding: 10px;
    border: 10px solid #000;
  }
So then I spent some time on google looking for tutorials that could fix this problem. One (dated) tutorial suggested this hack:
Code:
* html div {
    \width: 140px; 
    w\idth: 100px; 
  }
Then I found Tantek's Box Model hack and I will see if this works. But I'd like to know if you guys are familiar with modern box model hacks or actual CSS3 methods to make sure that everything looks the same in any browser. I am designing my practice site in XHTML strict and I have the classic problem of trying to correct my columns after I applied padding to them.