title: After moving inline css into stylesheet, works in design view but not while running
body: <p>I'm trying to move some css out of my master page into a stylesheet.  Basically, what I did:</p>
  
  <ul>
  <li>Copy/Pasted inline css into new stylesheet</li>
  <li>Referenced the stylesheet from the master page</li>
  </ul>
  
  <p>After doing this, the design view continued to display as expected (I saw my styles go away when I took the css out of the master page, but then they returned after I added the reference to the new stylesheet I put them in, as expected).  However when I run the project and it opens up in Firefox it acts like the styles are gone.  It seems odd to me that it would work in the design view but not in the web browser.  </p>
  
  <p>I am thinking this is just because of something really simple that I am unaware of b/c I'm new to making websites.</p>
  
  <p>Here is the current code for the master page:</p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="~/Styles/Site.css" rel="stylesheet" type="text/css" runat="server" /&gt;
      &lt;link href="~/Styles/SiteMaster.css" rel="stylesheet" type="text/css" runat="server" /&gt;
      &lt;link href="~/Styles/Menu.css" rel="stylesheet" type="text/css" runat="server" /&gt;
  
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="~/scripts/ddaccordion.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="~/scripts/menuInit.js"&gt;&lt;/script&gt;
  
      &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;table class="mainTable"&gt;
          &lt;tr&gt;
              &lt;td class="headerCell" colspan="2" /&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="menuCell"&gt;
                  &lt;div class="urbangreymenu"&gt;
                      &lt;h3 class="headerbar"&gt;&lt;a href="Default.aspx"&gt;Home&lt;/a&gt;&lt;/h3&gt;
                      &lt;%--&lt;ul class="submenu"&gt;
                      &lt;li&gt;&lt;a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/"&gt;Horizontal CSS Menus&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/"&gt;Vertical CSS Menus&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;--%&gt;
  
                      &lt;h3 class="headerbar"&gt;&lt;a href="PostItem.aspx"&gt;Post Items&lt;/a&gt;&lt;/h3&gt;
                     &lt;%-- &lt;ul class="submenu"&gt;
                      &lt;li&gt;&lt;a href="http://www.javascriptkit.com/cutpastejava.shtml" &gt;Free JavaScripts&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="http://www.javascriptkit.com/javatutors/"&gt;JavaScript tutorials&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;--%&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="contentCell"&gt;
                  &lt;asp:ContentPlaceHolder ID="MainContent" runat="server" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="footerCell" colspan="2" /&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the code for SiteMaster.css:</p>
  
  <pre><code>.mainTable
  {
      width: 100%;
  }
  .menuCell
  {
      width: 218px;
      height: 157px;
  }
  .headerCell
  {
      height: 63px;
  }
  .footerCell
  {
      height: 77px;
  }
  .contentCell
  {
      height: 157px;
  }
  </code></pre>