I have asked this on Stackoverflow but I'll ask here too, if I remove the margin by setting the body to 0px my font-sizes are messed up. These are fine on Internet Explorer 9 for the desktop (and Chrome) but not for Internet Explorer for Windows Phone 7.5, here is code to reproduce,
<!DOCTYPE html><head><style type="text/css">
body {
margin: 0px 0px;
}
h1 {
font-size: 250%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 120%;
}</style></head><body><h1>H1 header</h1><h2>H2 header</h2><h3>H3 header</h3><p>Some paragraph text</p><ul><li>List item 1</li><li>List item 2</li></ul></body></html>Note the size of the 'li' elements in Windows Phone, for a link to this page online browse to http://brendan.sdf-eu.org/test/wp.html
This seems like a pretty common use scenario so there must be a way to remove the border that works across platforms but how?
Kind regards,
Brendan
