title: Select drop-down not rendering correctly when populated with Update
body: <p>I have a drop-down menu declared in a JSP page like so:</p>
  
  <pre><code>&lt;div id = "tagRevisions" name = "tagRevisions" width="100" style="position:absolute; bottom:2px; right:2px;"&gt;
  &lt;select id="tagRevisionsSelect" name="tagRevisionsSelect" onChange="header.loadTag('&lt;%= strTagID %&gt;', '&lt;%= lastApprovedRequestId %&gt;', this.value);"&gt;
  
         &lt;% 
          // Some code here
         %&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Initially it is empty. I populate it via JavaScript and Prototype like this:</p>
  
  <pre><code>rebuildRequestsDropDown : function()
  {
      jsonrpc.tagGridUtils.buildRequestsDropDownHTML(function(result, exception)
          {
              if (exception)
              {
                  alert("There was an error " + exception.toString());
              }
              else
              {                   
                  // Set the innerHTML of the Requests drop-down to the result
                  // returned by the function above.
                  if (result != null &amp;&amp; result.trim() != "")
                  {
                      $("tagRevisionsSelect").update(result);
                  }
              }
          }.bind(this),
  
          $("cacheId").value
      );
  }
  </code></pre>
  
  <p>So what's happening is the drop-down gets populated but it gets rendered incorrectly on the page. It looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/V1yA4.png" alt="enter image description here"></p>
  
  <p>If I minimize and then maximize the window or hit a Tab on the page then it looks fine:</p>
  
  <p><img src="https://i.stack.imgur.com/LSayx.png" alt="enter image description here"></p>
  
  <p>Why is that?</p>
  
  <p>ps: here is the HTML output:</p>
  
  <p><img src="https://i.stack.imgur.com/FfSTp.png" alt="enter image description here"></p>