Unwanted HTML5 elements margin/padding

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Use a reset stylesheet to bring all margins/paddings to 0 (including those 
of HTML5 elemets)
2. Include IE9.js

What is the expected output? What do you see instead?
I expect the new elements (header, nac etc.) to have the styling I decided and 
put in my stylesheet. IE9.js instead adds some default CSS that ends up 
breaking the layout.

Please provide any additional information below.
Please avoid deciding for default styling in a way that breakes CSS rules 
defined in stylesheets.

Original issue reported on code.google.com by manu...@mjsarfatti.com on 9 Jul 2012 at 2:57

[GoogleCodeExporter]

I have this same problem!

Original comment by austinlh...@gmail.com on 15 Aug 2012 at 10:49

[GoogleCodeExporter]

I have solved this issue temporarily by downloading the minified file and 
deleting the code that adds the styles. (Oh, wow! ;) )

For example in this version: 
http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js

it is this code:

U+="datalist{display:none}details{padding-left:40px;display:block;margin:1em 
0}meter,progress{vertical-align:-0.2em;width:5em;height:1em;display:inline-block
}progress{width:10em;}article,aside,figcaption,footer,header,hgroup,summary,sect
ion,nav{display:block;margin:1em 0}figure{margin:1em 
40px;display:block}mark{background:yellow}";

Just delete it and your layout will be fixed.

I hope for a real solution by the author though, because I would like to 
continue using the google-hosted version instead of a local file. :)

Original comment by kochfo...@gmail.com on 16 Aug 2012 at 1:52

[GoogleCodeExporter]

Thank you for this fix, saved my bacon!

Original comment by jaydesi...@gmail.com on 7 Nov 2012 at 11:28