title: IE8 and border css property on select menus
body: <p>I am getting a really strange behaviour when viewing a very simple piece of HTML in IE, served up by IIS. I am at a loss to explain this...</p>
  
  <p>Take the following html</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  
  &lt;html&gt;
    &lt;head&gt;
      &lt;style&gt;
        .iWantaBorder
        { 
          border:red solid 1px ;  
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;select class="iWantaBorder"&gt;
    &lt;option&gt;1&lt;/option&gt;
      &lt;/select&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Save as html file to your desktop.
  When viewed in IE8, the select menu has a red border.</p>
  
  <p>Now copy the file to a website or virtual directory in IIS 5.1 or IIS6.</p>
  
  <p>Browse to that file in IE8... no red border.</p>
  
  <p>Can anyone tell me what is going on here? I really want a border on this menu.  Thought this should be simple to be honest, but I'm pretty much confused! </p>