Hi all,

Has anyone run into any troubles declaring if statements for html5 and css3 media queries for anything <IE9?

I.e.

Code:
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
All I have in the header is:

Code:
<link href="css/master.css" rel="stylesheet" type="text/css"/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700|Economica:400,700' rel='stylesheet' type='text/css'/>
<link href="css/media-queries.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.bxSlider.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function(){
   $('#slider1').bxSlider({
  auto: true,
  autoControls: true
   });
});
</script>
And it's crashing IE7 and IE8 - like the page won't load and IE literally crashes.

Let me know if you need some more info about the issue or markup.


Thanks,
Ben