CODEWITHSUNDEEP
htmlcss
Gordynson
Gordynson

Reputation: 77

Dots appearing in nav bar in firefox?

I made a navigation bar on chrome and it works fine. However, on firefox a dot appears infront of every nav tab. Does anyone know why this is happening and how to fix it? It's really not a big deal, but if I can fix it I will try and fix it. Thanks for your help in advance and have a great day!

This image demonstrates the situation:

This is the code I'm using:

<html>
<head>
<title>Blitz</title>
<link rel="stylesheet" type="text/css" href="Stylesheet.CSS">
<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
<body background="http://blog.jimdo.com/wp-content/uploads/2014/01/tree-247122.jpg">
<header>
<div class="Nav">
    <h2><center><strong>Blitz</strong></center></h2>
    <ul>
        <li><a href="index.php">Home |</a></li>
        <li><a href="#">Forums |</a></li>
        <li><a href="#">Blog |</a></li>
        <li><a href="#">About us |</a></li>
        <li><a href="#">Info </a></li>
    </ul>

</div>
</header>


</body>

</html>





/*CSS script*/


body{
margin:0;
padding:0;

}

.Nav{
margin:0 auto;
width:75%;
height:auto;
background:#A7EAFC;
overflow:auto;
border-bottom: 2px solid black;
}

.Nav ul li{
float:left;
}

.Nav a{
    margin-right:20px;
    margin-left:20px;
    color:black;
    text-transform:uppercase;
    text-decoration:none;
    font-family: Arial sans-serif;
    font-weight: bold;
}

.Nav a:hover{
color:blue;
text-decoration:underline;

}

Upvotes: 0

Views: 1209

Answers (1)

hopkins-matt
hopkins-matt

Reputation: 2823

Add this rule to your CSS:

.Nav ul {
    list-style:none;
}

Upvotes: 1

Related Questions