title: CSS is not being applied after changes
body: <p>I have problem where I can't apply the style in CSS in my ASP.NET MVC application. 
  The behavior is it applies for the first time and then the subsequent changes to the CSS is not getting reflected in my _Layout.cshtml. I am not sure what I am missing here. </p>
  
  <h2>CSS file</h2>
  
  <pre><code>body
  {
      font-size: .85em;
      font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
      color: #232323;
      background-color: #fff;
  }
  
  header,
  footer,
  nav,
  section {
      display: block;
  }
  
  /* Styles for basic forms
  -----------------------------------------------------------*/
  
  fieldset 
  {
      border:1px solid #ddd;
      padding:0 1.4em 1.4em 1.4em;
      margin:0 0 1.5em 0;
  }
  
  legend 
  {
      font-size:1.2em;
      font-weight: bold;
  }
  
  textarea 
  {
      min-height: 75px;
  }
  
  .editor-label 
  {
      margin: 1em 0 0 0;
  }
  
  .editor-field 
  {
      margin:0.5em 0 0 0;
  }
  
  
  /* Styles for validation helpers
  -----------------------------------------------------------*/
  .field-validation-error
  {
      color: #ff0000;
  }
  
  .field-validation-valid
  {
      display: none;
  }
  
  .input-validation-error
  {
      border: 1px solid #ff0000;
      background-color: #ffeeee;
  }
  
  .validation-summary-errors
  {
      font-weight: bold;
      color: #ff0000;
  }
  
  .validation-summary-valid
  {
      display: none;
  }
  #Header
  {
      color:white;
      padding:1px;
  }
  #Content
  {
      float:left;
      margin:10px;
  }
  #SideBar
  {
      float :left;
      margin:10px;
      padding :10px;
      border:  dotted 1px  red;
      width:180px;
      font-style:italic;
  }
  #Footer
  {
      text-align:center;
      clear:both;
  }
  </code></pre>
  
  <p>For example I changed "border" in #SideBar from red to black. But it always show red. I might be doing something fundamentally wrong here.</p>
  
  <h2>_Layout.cshtml</h2>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;@ViewBag.Title&lt;/title&gt;
         &lt;!--link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /&gt;--&gt;
        &lt;link href="@Url.Content("~/Content/SiteStyle.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
     &lt;div id="Header" style="background-image: url('/Content/Images/Banner_Final3.png'); background-repeat:no-repeat; width :1500px; height : 150px;"   &gt;
  
     &lt;/div&gt;
     &lt;div id="SideBar"&gt;
         @Html.Partial("UserControls/UserLogin", new AlanBeezLab.Models.LoginModel())
     &lt;/div&gt;
     &lt;div id="Content"&gt;
          @RenderBody()
     &lt;/div&gt;
     &lt;div id="Footer"&gt;
          &lt;p&gt;Copyright &amp;copy; XXXXXXX&lt;/p&gt;
     &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, if rename the physical file and change the reference in _Layout.cshtml, I could see the changes I made. </p>
  
  <p>Please help.</p>
  
  <p>Thanks</p>