title: How can I get rid of Dots from <ul> in <nav>
body: <p>This is what my website looks like in Firefox (notice the dots).</p>
  <p><a href="https://i.stack.imgur.com/ATXF2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ATXF2.png" alt="Firefox" /></a></p>
  <p>This is how it looks in Chrome (No Dots).</p>
  <p><a href="https://i.stack.imgur.com/9eVwt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9eVwt.png" alt="Chrome" /></a></p>
  <p>Is there a way that I can get the dots to go away?</p>
  <p>Here is my code:</p>
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="false" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function changeText(button) {
      button.innerHTML = 'Get Started';
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.bcafrees {
      text-align: center;
      font-family:'Roboto', sans-serif;
      color: #FFFFFF;
      text-align: center;
      font-size: 60px;
      margin-bottom: 1%;
      text-shadow: 1px 1px #000000;
  }
  
  nav.header {
      margin: 0;
      background-color: #66C2FF;
  }
  
  nav ul {
      width: 100%;
      margin: 0;
      padding: 0;
      height: 4%
  }
  
  nav ul li {
      width: 4%;
      float: left;
      margin: 0% 1% 2% 2%;
      vertical-align: middle;
      text-align: center;
      align-items: center;
      height: 10px;
      margin-top: 0%;
      padding-top: 0%;
  }
  
  nav ul li a {
      display: block;
      width: 100%;
      text-align: center;
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Lato', sans-serif;
      font-size: 22px;
      vertical-align: middle;
  }
  
  nav ul li a:hover {
      color: #859999;
  }
  
  body {
      background-color: #3A75B0;
      width: 100%;
      max-width: 1000000px;
      margin: 0 auto !important;
  }
  
  body p {
      color: #FFFFFF;
      text-align: center;
      font-family: 'Raleway', sans-serif;
      font-size:50px;
      padding-top: 10px;
      padding-bottom: 5px;
      margin: 0;
      border: 0;
  }
  
  .getStarted {
      display: table;
      margin: 0 auto !important;
      height: 170px;
      width: 300px;
      background: transparent;
      text-decoration: none;
      border-style: solid;
      border-color: #FFFFFF;
      font-family: Helvetica;
      text-align: center;
      color: #FFFFFF;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      font-size: 60px;
      padding: 20px 10px 50px 10px;
      margin-bottom: 50px;
      font-family: 'Raleway', sans-serif;
  }
  
  .getStarted a {
      text-decoration: none;
      font-family: 'Raleway', sans-serif;
      text-align: center;
      color: #FFFFFF;
      font-size: 60px;
      margin-bottom: 50px;
  }
  
  a:link {
      text-decoration: none;
  }
  
  a:visited {
      text-decoration: none;
  }
  
  footer {
      clear: both
      color: #FFFFFF;
      font-family: TW Cen MT;
      padding-top: 5.06%;
      position: relative;
      
  }
  
  footer ul {
      width: 100%;
      list-style: none;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      overflow: hidden;
      text-align: center;
      display: block;
      color: #FFFFFF;
      text-decoration: none;
      font-family: TW Cen MT;
  }
  
  footer div {
      background-color: #66C2FF;
      height: 100px;
      text-decoration: none;
  }
  
  .timmy:hover {
      color: #3A75B0;  
  }
  
  .katie:hover {
      color: #3A75B0;
  }
  
  .katie {
      display: table;
      margin-left: auto;
      margin-right: auto;
      width: 70px;
  }
  
  .timmy {
      display: table;
      margin-left: auto;
      margin-right: auto;
      width: 95px;
  }
  
  footer div ul a{
      width: 100px;
  }
  
  hr {
      margin-top: 10px;
      color: #FFFFFF;
      width: 70%;
  }
  
  .getStartedButton:hover {
      color: #3A75B0;
      background-color: #FFFFFF;
  }
  
  .getStartedButton {
      width: 300px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 10px;
  }
  
  .getStartedButton a:hover {
      color: #3A75B0;
  }
  
  .getStarted:hover {
      color: #3A75B0;
  }
  
  .getStartedButton.getStarted:hover {
      color: #3A75B0;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;link type="text/css" rel="stylesheet" href="welcome.css"/&gt;
          &lt;link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'&gt;
          &lt;link href='http://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'&gt;
          &lt;link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'&gt;
          &lt;script type="text/javascript" src="Welcome.js"&gt;&lt;/script&gt;
          &lt;title&gt;BCA Frees&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;header&gt;
              &lt;div class="bcafrees"&gt;
                  BCA Frees
              &lt;/div&gt;
              &lt;nav class="header"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li class="home"&gt;&lt;a href ="www.bcafrees.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li class="about"&gt;&lt;a href ="www.bcafrees.com/about"&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li class="faqs"&gt;&lt;a href ="www.bcafrees.com/faqs"&gt;FAQs&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li class="credits"&gt;&lt;a href ="www.bcafrees.com/credits"&gt;Credits&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/header&gt;
          &lt;div id="wrapper"&gt;
              &lt;div class="p"&gt;
                  &lt;p&gt;Find Your Friends&lt;/p&gt;
                  &lt;p&gt;During Your Frees&lt;/p&gt;
                  &lt;hr /&gt;
                  &lt;br /&gt;
              &lt;/div&gt;
              &lt;div class="getStartedButton"&gt;
                  &lt;a href ="/signup"&gt;
                      &lt;button onmouseover="changeText(this)" class="getStarted"&gt;
                      Get Started
                      &lt;/button&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;footer&gt;
              &lt;div id="footer"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;Copyright BCA Frees 2014&lt;/li&gt;
                      &lt;hr class="hr" /&gt;
                      &lt;li&gt;Created By:&lt;/li&gt;
                      &lt;li class="timmy"&gt;Timothy Obiso&lt;/li&gt;
                      &lt;li class="katie"&gt;Katie Katz&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/footer&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>