Css не работает Oi ASP design view.

---

Эй, ребята, мой CSS nav bar не работает, когда я просматриваю его в режиме design view ? но в localhost он работает нормально. это нормально ?или это приведет к ошибкам в развертывании?

Что я уже пробовал:

еще ничего не пробовали. вот мой css

body 
{
   background-color: #e6e6e6;
}
@import url(http://fonts.googleapis.com/css?family=Lato);

*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  font-family: 'Lato', sans-serif;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/*| Navigation |*/

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #E55C40;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.1);
}
  nav ul{
    list-style: none;
    position: relative;
    margin-right: 50px;
    display: inline-table;
  }
    nav ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

    nav ul li:hover{background: rgba(0,0,0,.15);}
    nav ul li:hover > ul{display: block;}
    nav ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }
      nav ul li a{
        display: block; 
        padding: 30px 9px;
        color: white; 
        font-size: .9em;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: 0.85rem;
        text-decoration: none;
        text-transform: uppercase;
      }
      nav ul ul{
        display: none;
        background: #E55C40;
        position: absolute; 
        top: 100%;
        box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
        border: 1px solid rgba(0,0,0,.1);
      }
        nav ul ul li
        {
            float: none; position: relative;
                     }
          nav ul ul li a {
            padding: 15px 30px; 
            border-bottom: 1px solid rgba(0,0,0,.05);
          }
          nav ul ul ul {
            position: absolute; 
            left: 100%; 
            top:0;
          }


heres how i link the css:

<pre> <link href="CSS/mp.css" rel="stylesheet" type="text/css" />

вот мой навбар:

<nav role='navigation'>
  <ul>
  <li><a href="/KB/answers/adminfirst.aspx"> <asp:Label ID="Label2" runat="server" Text="Welcome ">
  </asp:Label><asp:Label ID="teachername" runat="server" Text=" teachername"></asp:Label></a>
  <ul>
        <li><a href="#" style="padding: 0% 0% 0% 0%;"><asp:Button ID="Logout" runat="server" Text="LOGOUT" 
        style="color: white; 
        font-size: .9em;
        padding: 20px 20px 20px 20px;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: 0.85rem;
        background-color: #e6e6e6;
        background: #E55C40; border:none;" OnClientClick="return confirm('Are You Sure You Want To Logout?');"></asp:Button>
</a></li>
  </ul></li>

    <li ><a href="#" style="cursor:default">Teachers Corner</a>
    <ul>
        <li><a href="/KB/answers/admingradecomponents.aspx">Grade Components</a></li>
        <li><a href="/KB/answers/adminnewteacher.aspx">Teachers information</a></li>
        <li><a href="/KB/answers/adminmanageaccount.aspx">Accounts Designation</a></li>
         <li><a href="/KB/answers/adminadviseree.aspx">class assigning</a></li>
         <li><a href="/KB/answers/adminassignsubject.aspx">Subject assigning</a></li>
          <li><a href="/KB/answers/admintransactionhistory.aspx">Login History</a></li>
    </ul>
    </li>
    <li><a href="#" style="cursor:default">Students corner</a>
      <ul>
        <li><a href="/KB/answers/adminaddstudent.aspx">Students Information</a></li>
        <li><a href="/KB/answers/adminstudentaccount.aspx">Students Account</a></li>
       </ul>  
       </li>
    <li><a href="#"  style="cursor:default">Print</a>
     <ul>
        <li><a href="/KB/answers/adminprintform137.aspx">Transcript of Record</a></li>
        <li><a href="/KB/answers/adminprintreportcard.aspx">Report Cards</a></li>
     </ul>
    </li>
    <li><a href="#" style="cursor:default">Send Notifications</a>
    <ul>
        <li><a href="/KB/answers/adminnotif.aspx">SMS Notification</a></li>
         <li><a href="/KB/answers/adminnotifhistory.aspx">Notification History</a></li>
    </ul>
    </li>
    <li><a href="#" style="cursor:default">Archive Files</a>
      <ul>
          <li><a href="/KB/answers/adminarchiveteacher.aspx">Teachers Information Files</a></li>
        <li><a href="/KB/answers/adminarchivestud.aspx">Students Information Files</a></li>
       </ul>
    </li>
    <li><a href="#"  style="cursor:default"><asp:Label ID="oras" runat="server" Text="Label" style="cursor:default"></asp:Label></a></li>
  </ul>
</nav>

---