title: jqgrid editable dropdown's width is set to a minimal value in IE8
body: <p>Hi I have a jqgrid with a popup for editing. A couple of the editable properties are editable by selects. This is an example of the code for one of the selects:</p>
  
  <pre><code>{ name: 'PaymentTypeLookupId', index: 'PaymentTypeLookupId', width: 150, align: 'center', editable: true, editrules: { required: true }, edittype: "select", editoptions: { dataUrl: '/Invoice/GetPayments/',
                    buildSelect: function (data) {
                        var response = jQuery.parseJSON(data);
  
                        var s = '&lt;select&gt;';
  
                        if (response.rows &amp;&amp; response.rows.length) {
                            for (var i = 0, l = response.rows.length; i &lt; l; i++) {
                                var ri = response.rows[i];
                                s += '&lt;option value="' + ri.Id + '"&gt;' + ri.Name + '&lt;/option&gt;';
                            }
                        }
                        return s + "&lt;/select&gt;";
                    }
                }
  </code></pre>
  
  <p>This works fine in IE8 when it is set to compatibilty mode. However when not in compatibility mode the dropdown has a really small width set until you click on it to select an option and it sets itself to a good size:</p>
  
  <p><img src="https://i.stack.imgur.com/jI3Ub.jpg" alt="enter image description here"></p>
  
  <p>The payment Type dropdown actually has items in it but until clicking on it the width is as shown.</p>
  
  <p>Does anybody know a fix for this?</p>