title: Styles are not applying to elements of ASP Classic site
body: <p>I'm working on ASP Classic site redesign. The whole site has one major CSS file called Main that contains all styles. There aren't a lot of styles in this file, since current design is almost default. Some of the pages' elements have their styles written inline.</p>
  
  <p>The task seemed for me pretty straightforward. I just changed all basic elements' styles to new design in Main.css, but my problem is that elements of some pages are not changing their style, even if I write it inline. Sometimes elements change some of theirs style properties, but overall they dont. And sometimes new styles just screw pages layout beyond my understanding.</p>
  
  <p>Main.css included in those problematic pages. All of those pages have a lot of ASP code inside them, containing business logic. I'm not ASP Classic pro, so I wonder what can cause those elements do not conform to basic HTML and CSS styling?</p>
  
  <p>For example (I'm from Russia, but the sample should be clear):</p>
  
  <p>This is the code of one of ASP pages:
  <img src="https://i.stack.imgur.com/MA7sf.png" alt="enter image description here"></p>
  
  <p>Here is the result:
  <img src="https://i.stack.imgur.com/mdANc.png" alt="enter image description here"></p>
  
  <p>Here is what I got from styles watcher (IE9):</p>
  
  <p>Inline-styled input button:
  <img src="https://i.stack.imgur.com/zGp38.png" alt="enter image description here"></p>
  
  <p>Main.css styled input button:
  <img src="https://i.stack.imgur.com/bgS9u.png" alt="enter image description here"></p>
  
  <p>As you can see, if I use inline styling, only the part of it applies, which is very strange. And if I apply the style with <code>Main.css</code> file, it only inherit from BODY tag, and doesnt react on <code>input[type="button"]</code> selector. On other pages this selector works just fine.</p>
  
  <p>UPD1. It looks like I got rid of <code>&lt;/link/&gt;</code> and <code>&lt;/input/&gt;</code> strange tags in resulting page by changing <code>&lt;link ...&gt;&lt;/link&gt;</code> to <code>&lt;link .../&gt;</code> and the same for <code>input</code>. But it didn't resolve my problem. The page still recognize Main.css file existance and assigning the part of it (BODY tag style, for example) to my buttons, however it doesn't recognize style associated with buttons themselves.</p>
  
  <p>UPD2. I found very strange thing. The <code>Main.css</code> file, which problematic pages recieve is not the same as original! Elements in this file lack some original attributes, for example:</p>
  
  <p>Original <code>Main.css</code>:</p>
  
  <pre><code>INPUT.button {
      min-width: 143px;
      font-face: Arial;
      height: 34px;
      border: 1px solid grey;
      background: #FCFCFC;
      border-radius: 7px;
      box-shadow: 0 0 2px grey;
      padding-left: 10px;
      padding-right: 10px;    
  }
  </code></pre>
  
  <p>Recieved <code>Main.css</code>:</p>
  
  <pre><code>INPUT.button {
      min-width: 143px;
      font-face: Arial;
      height: 34px;
      border: 1px solid grey;
      background: #FCFCFC;
      padding-left: 10px;
      padding-right: 10px;    
  }
  </code></pre>
  
  <p>It looks like it just skips some of attributes, how is that possible??</p>