title: CSS won't apply from Master Page
body: <p>For the life of me I cannot figure out why the CSS I am trying to apply won't work and hoping someone can help me out.</p>
  
  <p><strong>Index.Master</strong></p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Index.master.cs" Inherits="IGS.Index" %&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head id="Head1" runat="server"&gt;
      &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;link href="css/main.css" rel="stylesheet" type="text/css" /&gt;
      &lt;!--[if lte IE 7]&gt;
      &lt;style&gt;
      .content { margin-right: -1px; }
      ul.nav a { zoom: 1; }
      &lt;/style&gt;
      &lt;![endif]--&gt;
      &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form runat="server"&gt;
      &lt;div class="container"&gt;
          &lt;div class="header"&gt;
              &lt;asp:ContentPlaceHolder ID="HeaderContentBar" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/div&gt;
          &lt;div class="sidebar1"&gt;
              &lt;asp:ContentPlaceHolder ID="LeftNavBar" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/div&gt;
          &lt;div class="content"&gt;
              &lt;asp:ContentPlaceHolder ID="MainContentBar" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/div&gt;
          &lt;div class="footer"&gt;
              &lt;asp:ContentPlaceHolder ID="FooterContentBar" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>default.aspx</strong></p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="IGS._default"
      MasterPageFile="Index.Master" %&gt;
  
  &lt;asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"&gt;
      &lt;title&gt;Site Index&lt;/title&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="HeaderContentBar" runat="server" ContentPlaceHolderID="HeaderContentBar"&gt;
      Header
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="LeftNavBar" runat="server" ContentPlaceHolderID="LeftNavBar"&gt;
      &lt;ul class="nav"&gt;
          &lt;li&gt;&lt;a href="news.aspx"&gt;News&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="admin/default.aspx"&gt;Administration&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="MainContentBar" runat="server" ContentPlaceHolderID="MainContentBar"&gt;
      &lt;h1&gt;
          Latest News&lt;/h1&gt;
      &lt;asp:Repeater ID="newsRepeater" runat="server"&gt;
          &lt;ItemTemplate&gt;
              &lt;div class="newsHeadline"&gt;
                  &lt;b&gt;
                      &lt;%# Server.HtmlEncode(Eval("newsHeadline").ToString())%&gt;&lt;/b&gt;
                  &lt;div class="newsStory"&gt;
                      &lt;%# Server.HtmlEncode(Eval("newsStory").ToString())%&gt;
                  &lt;/div&gt;
                  &lt;div class="newsFooter"&gt;
                      Posted By:
                      &lt;asp:HyperLink ID="newsSubmittedBy" runat="server" NavigateUrl='&lt;%# string.Format("User.aspx?id={0}", Eval("id")) %&gt;'
                          Text='&lt;%# Server.HtmlEncode(Eval("newsSubmittedBy").ToString())%&gt;' /&gt;
                      - Submitted By:
                      &lt;%# Server.HtmlEncode(Eval("newsDate").ToString())%&gt;
                  &lt;/div&gt;
                  &lt;div style="text-align: right;"&gt;
                      &lt;asp:HyperLink ID="newsReadMore" runat="server" CssClass="newsReadMore" NavigateUrl='&lt;%# string.Format("News.aspx?id={0}", Eval("id")) %&gt;'
                          Text="Read More..." /&gt;
                  &lt;/div&gt;
                  &lt;hr /&gt;
          &lt;/ItemTemplate&gt;
      &lt;/asp:Repeater&gt;
      &lt;p class="newsDaySelector"&gt;
          &lt;asp:TextBox ID="TextBox1" runat="server" Width="30" Text="7"&gt;&lt;/asp:TextBox&gt;
          days&lt;/p&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="FooterContentBar" runat="server" ContentPlaceHolderID="FooterContentBar"&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>EDIT: How unfortunate.  I did everything recommended below and it still isn't working.  It is very bizzare.  The page was being partially styled before so it was seemingly grabbing it correctly at least.  If anyone else has any ideas I'd love to hear them.</p>
  
  <p>And here is my CSS.  As I said, very basic and it is half working.  Main issue is the Footer won't run along the bottom, but is aligned to the left side of the content area.</p>
  
  <pre><code>body
  {
      font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
      background-color: #42413C;
      margin: 0;
      padding: 0;
      color: #000;
  }
  .container
  {
      width: 960px;
      background-color: #FFF;
      margin: 0 auto;
  }
  
  .header
  {
      background-color: #ADB96E;
  }
  
  .sidebar1
  {
      float: left;
      width: 180px;
      background-color: #EADCAE;
      padding-bottom: 10px;
  }
  .content
  {
      padding: 10px 0;
      width: 780px;
      float: left;
  }
  
  .footer
  {
      padding: 10px 0;
      background-color: #6F7D94;
      position: relative;
      clear: both;
  }
  </code></pre>