title: Display: none; is not working.
body: <p>I'm a complete beginner trying to create a horizontal drop menu. 
  My style sheet doesn't seem to be applying to my submenu level. </p>
  
  <p>Please can you spot the error in my code?</p>
  
  <p>thanks</p>
  
  <p>In my "_SiteLayout.cshtml" I have</p>
  
  <pre><code>           &lt;ul id="TopMenu"&gt;
                  &lt;li&gt;&lt;a href="@Href("~/MgtCentre")"&gt;Management&lt;/a&gt;
                      &lt;ul id=“SubMenu”&gt; 
                          &lt;li&gt;&lt;a href="@Href("~/AboutUs")"&gt;Admin Centre&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="@Href("~/AboutUs")"&gt;Reports&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;                        
                   &lt;/li&gt;
                  &lt;li&gt;&lt;a href="@Href("~/FAQ")"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>In my "Site.css" I have</p>
  
  <pre><code>    ul#SubMenu {
          display: none;
      }
  </code></pre>