title: CSS Style Not Being Applied
body: <p>I'm writing a ASP.NET Web Application and I'm running into trouble getting the CSS styles to be applied. Currently I have a Master Page and one Content Page. My Master page is getting the CSS style applied to it, but the Content page is not. The funny thing is in design view the style is being applied to the Content page but once it is ran the browser doesn't apply it. I've tried internal and external style sheets. Inline does work but I'd like to avoid inline. Here is some sample code of what I have and tried</p>
  
  <p><strong>Master Page</strong>:  </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="~/Styles/MasterStyleSheet.css" /&gt;
      &lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>Content Page</strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"&gt;
      &lt;link rel="stylesheet" type="text/css" href="~/Styles/LoginStyleSheet.css" /&gt;
      &lt;!-- &lt;link href='&lt;%= ResolveUrl("~/Styles/LoginStyleSheet.css") %&gt;' rel="stylesheet" type="text/css" /&gt; I tried this as well--&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>I've added the simple css file just so people could see that the syntax is correct:
  <code>LoginStyleSheet.css</code></p>
  
  <pre class="lang-css prettyprint-override"><code>#usrLabel {
      color:Blue;
      background-color:Aqua;
  }
  
  #Label4 {
      background-color:Black;
  }
  </code></pre>
  
  <p>Any help would be greatly appreciated</p>
  
  <h3>Update #1</h3>
  
  <p>HTML output for header:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="../Styles/MasterStyleSheet.css" /&gt;
  
      &lt;!-- &lt;link href="&amp;lt;%= ResolveUrl(&amp;quot;~/Styles/MasterStyleSheet.css&amp;quot;) %&gt;" rel="stylesheet" type="text/css" /&gt; --&gt;
      &lt;!-- &lt;link rel="stylesheet" type="text/css" href="../Styles/LoginStyleSheet.css" /&gt; --&gt;
      &lt;!-- &lt;link href='/Styles/LoginStyleSheet.css' rel="stylesheet" type="text/css" /&gt; --&gt;
      &lt;!-- &lt;link rel="stylesheet" type="text/css" href="~/Styles/LoginStyleSheet.css" /&gt; --&gt;
      &lt;!-- &lt;link rel="stylesheet" type="text/css" href="../Styles/LoginStyleSheet.css" /&gt; --&gt;
      &lt;!-- &lt;link rel="stylesheet" type="text/css" href="/Styles/LoginStyleSheet.css" /&gt; --&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>A lot of <code>&lt;link&gt;</code> elements are currently commented out but those are all different ways I've tried.</p>
  
  <h3>Update #2</h3>
  
  <p>First I appreciate the many responses. They have all been geared towards figuring out why my external css file won't work. However, if i try internal css style sheet it still doesn't work. Only inline css works. Perhaps if we could figure out what was wrong with why internal css styling wont work that would solve the same issue with external css style sheets</p>