Trouble with navigation :(

[Rubella]

Hello, all.

I have to design a basic website for school, and I'm having trouble with my navigation. The coding for the Visited links is somehow the default. So unclicked and clicked links look the same.

I don't know what I'm doing! Here is my CSS (I don't know what's important and what's not, so I just included it all). Thanks for any help.

body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background:#54787b;
margin: 0;
padding: 0;
color: #ecd178;
}

ul, ol, dl {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}

a img {
border: none;
}


a:link {
color:#ecd178;
text-decoration: underline;
}
a:visited {
color: #ecd178;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
color: #FC9;
}

.container {
width: 70%;
max-width: 1260px;
min-width: 780px;
background: #ecd178;
margin: 0 auto;
}

.header {
background:repeat; background-image:url(web/images/header.png);
height: 187px;
padding-left: 0px;
padding-top: 17px;
}

ul#list-nav {
margin:0px;
padding:0;
list-style:none;
width:100%;
colour: #696;
}

ul#list-nav li {
display:inline;
colour: #ecd178;
}

ul#list-nav li a {
text-decoration:none;
text-align: center;
padding:5px 0;
height: 25px;
width:20%;
colour: #ecd178;
float:left;
}
ul#list-nav li a:link {
background:#fff;
color:#ecd178;
}

ul#list-nav li a:visited {
background:#c22845;
color:#000;
}

ul#list-nav li a:hover {
background:#dd5b44;
}

ul#list-nav li a:active {
color:#fff;
}

.content {
margin-top:75px;
padding: 10px 0;
color: #542437;
margin-left:20px;
margin-right: 20px;
}


.content ul, .content ol {
padding: 0 15px 15px 40px; /
}

.footer {
padding: 10px 0;
background: #542437;
color: #ecd178;
}

 

[Phreaddee]

thats because your default and the visited are the same colour

a:link {
	color:#ecd178;
	text-decoration: underline; 
}
a:visited {
	color: #ecd178;
	text-decoration: underline;
}

 

[Rubella]

thats because your default and the visited are the same colour

a:link {
	color:#ecd178;
	text-decoration: underline; 
}
a:visited {
	color: #ecd178;
	text-decoration: underline;
}

Okay, I changed the colors so that they're different, but it still not working. It's still permanently on Visited mode.

 

[PixelPusher]

You are missing the "em" unit from your line height property in the body declaration.