title: ColorBox error in IE "Object doesn't support this property or method"
body: <p>I am trying to add a jquery colorbox to my webpage using the code below:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
   &lt;head&gt;
      &lt;link rel="stylesheet" href="colorbox.css" /&gt;
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jquery.colorbox-min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script type="text/javascript"&gt;
          $(function ()
          {
              $(".popup")
              .colorbox({iframe:true, innerWidth:695, innerHeight:340, overlayClose:false });
  
          })
      &lt;/script&gt;
      &lt;a class='popup' href='http://www.bbc.co.uk'&gt;bbc.co.uk&lt;/a&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>It works for both firefox and chrome. But when I run it in IE7 I get the following error:</p>
  
  <blockquote>
    <p>Object doesn't support this property or method</p>
  </blockquote>
  
  <p>Any help would be amazing.</p>