XHTML HTML element with 100% height causing scrollbars

Question

In my CSS file I use this:

html,body{height:100%;padding:0;margin:0;border:0;}

Which causes a vertical scrollbar to appear on IE8, Chrome 5

Answer 1

There may be better ways but I simply default to 98% which seems to obviate scrollbars in all browsers.

you could also set the height using JavaScript but that feels a little hacky