Document size bug in IE6, 8, 9

by _michael

HTML

<div id="content"><p>The  red line is at width 500px. Move it up to the edge of the scrollbar to  have a consistent output pane width. Reported document width should be  identical across browsers, but IE won't play along.</p></div>

CSS

html, body, div { border: 0; padding: 0; margin: 0; }
#content { width: 499px; border-right: 1px solid red; height: 10000px; }

JavaScript

$('#content').append('<p>Reported document width in this browser now is ' + $(document).width() + 'px.</p>');