title: How can I set a custom width on my Google search iframe?
body: <p>I am trying to use google search for my site:</p>
  
  <p><a href="http://www.houseofhawkins.com/search.php" rel="noreferrer">http://www.houseofhawkins.com/search.php</a></p>
  
  <p>It is not playing nice with some screen resolutions.  Here is the code given from google:</p>
  
  <pre><code>&lt;div id="cse-search-results"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
    var googleSearchIframeName = "cse-search-results";
    var googleSearchFormName = "cse-search-box";
    var googleSearchFrameWidth = 250;
    var googleSearchDomain = "www.google.com";
    var googleSearchPath = "/cse";
  &lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I changed the "googleSearchFrameWidth" down to 250 thinking that should be setting the width in px, (it was 600 to start with).  But with smaller screens (1024 * 768) it sticks out the side of my divs.</p>
  
  <p>Am I doing something stupid?</p>