Here Comes A Future ...
One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the left and right paddings from each element’s width. This is how the CSS box model works – for more details on that, see Internet Explorer and the CSS box model.And the final thing is to compensate for a float bug in Internet Explorer 6. If you look at step 6 in IE 6, you’ll notice that the footer is not always being pushed completely below #main. Scroll up and down a couple of times if you can’t see it immediately. It is very noticeable in this demo because every major element has a different background colour and everything is really tight. One way of fixing this problem is making sure the footer has an Internet Explorer concept called Layout. There are several ways of achieving this, but we’ll do it by using the Star HTML CSS hack to give the footer a height only in IE 6:
