title: MVC Styling the tabs
body: <p>Here are the tabs in the master page:</p>
  
  <pre><code>&lt;nav&gt;
       &lt;ul id="menu"&gt;
           &lt;li&gt;&lt;%: Html.ActionLink("Home", "Index", "Home")%&gt;&lt;/li&gt;
           &lt;li&gt;&lt;%: Html.ActionLink("About", "About", "Home")%&gt;&lt;/li&gt;
       &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>And here is the css:</p>
  
  <pre><code>ul#menu li.selected a {
      background-color: #a6e2a6;
      color: #000;
  }
  </code></pre>
  
  <p>But no matter what I do to background-color, it always remains the same. How to change the background color and the height of the selected tab?</p>