title: html select top.location.href - strange IE issue
body: <p>I am getting a strange issue only in IE with html &lt;select&gt; and &lt;option&gt;. The code reads..</p>
  
  <pre><code>&lt;select class="logo" name="logoControl" id="logoControl" tabindex="1" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO"&gt;
  &lt;option selected="selected" value=""&gt;My URL1&lt;/option&gt;
  &lt;option value="http://google.com"&gt;My URL2&lt;/option&gt;
  &lt;option value="http://facebook.com" &gt;My URL3&lt;/option&gt;
  &lt;option value="http://twitter.com"&gt;My URL4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The above code is supposed to be my application logo and a select link. The default  "selected" link being my application and the other select options refer to external websites.
  This works pretty well in Firefox and Chrome. Whereas, in IE, I face the following issue:
  when I click any of my application menus, I am directed to the appropriate url. But, after navigating to that url, if I click the above select box for "My URL1", IE cuts off the URL when it sees a second "/" after the hostname.. ie., say if menu url is </p>
  
  <pre><code>"http://myhost.com/path1/path2.do?param1="
  </code></pre>
  
  <p>IE cuts it to:</p>
  
  <pre><code>"http://myhost.com/path1/"
  </code></pre>
  
  <p>On click of my application menu, it works fine. This error happens only onclick of the first select option mentioned above. ie., instead of remaining in the same page, IE attempts to cut-off the URL upto the second "/" and tries loading the page.</p>
  
  <p>Could someone suggest me to fix this issue?</p>