Empty page in IE8

[GoogleCodeExporter]

What steps will reproduce the problem?
1. IE8, small browser frame size, dont maximize browser. Example: computer with 
resolution 1366x768. 
2. load the page
3. should see IE browser shows error and page empty.

What is the expected output? What do you see instead?
- Expected webpage to load properly, but see empty page

What version of the product are you using? On what operating system?
Window 7, IE8. Have not tested in IE6/7. IE9 working fine so far

Please provide any additional information below.
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; 
Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; 
Media Center PC 6.0; .NET4.0C; .NET4.0E; AskTbORJ/5.13.1.18107)
Timestamp: Wed, 1 Aug 2012 03:23:34 UTC

Message: Invalid procedure call or argument
Line: 408
Char: 1
Code: 0
URI: http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js

Original issue reported on code.google.com by kaylion...@gmail.com on 15 Aug 2012 at 3:57

[GoogleCodeExporter]

same here, IE8 just crushes and I have to shut it down as a process, also used 
browsershots.org to test the site, same there on IE8 screenshots, so their test 
browser crushes too, tried it on another computer and another opsys, same there 
too.
this lib doesn't work under IE8 :(

Original comment by jaaat...@gmail.com on 4 Sep 2012 at 6:16

[GoogleCodeExporter]

The library works in IE8. However, the page content is hidden and then re-shown 
after half a second delay.

Original comment by daniil.g...@gmail.com on 28 Sep 2012 at 5:03

[GoogleCodeExporter]

On some sites when marginLeft of the document is set to a big negative number 
to hide the content until media queries are applied, the screen goes blank for 
a split second, before the marginLeft is reset.

For some reason that doesn't happen on all sites.

Please, suggest a solutions that can be used without breaking core 
functionality of the library.

Original comment by daniil.g...@gmail.com on 28 Sep 2012 at 9:02

[GoogleCodeExporter]

Hi, i'm having the same issue, and i notice the margin left. But still the 
script is breaking on IE8 and IE7. Any solution to this issue??

Original comment by flor.guz...@gmail.com on 6 Nov 2012 at 10:12

[GoogleCodeExporter]

I am having this same issue. I found that I can make it work again if I remove 
some of my styles inside of media queries. Can't pinpoint what's causing this

Original comment by x...@tpmcomm.com on 8 Nov 2012 at 3:58

[GoogleCodeExporter]

The reason for the bug is, that the IE8 and below can only have 32 Stylesheets 
or inline style tags. Since the css3-mediaquers.js adds every mediaquery as a 
single style tag, it will reach the 32 pretty fast.

Original comment by gregor.s...@netlogix.de on 19 Nov 2012 at 12:19

[GoogleCodeExporter]

I get my web designer to write another css special for IE 8 responsive design 
fixes. No intention to give it perfect. 
IE10 in with Windows 8 now. Ahh.. IE just headache!!!!!!!!

Original comment by kaylion...@gmail.com on 28 Nov 2012 at 7:39

[GoogleCodeExporter]

I'm also experiencing this issue. Forcing IE to avoid Compatability Mode seems 
to have helped on some user's browsers who were having this problem, but the 
Error on line 408, related to styles being called persists on all instances of 
IE8 I've tried. I was not aware of the 32 stylesheet maximum in IE8 and if it 
parses the way you describe, that makes sense to me. I'll try removing @media 
styles to see if this makes a difference on the site. Thanks.

Original comment by mille...@iteams.org on 12 Dec 2012 at 1:33