Text-decoration:none; not working

HTML & CSS
1

The text decoration rule is not working I have tried everything I know. I have included my css page.


@charset "utf-8";
/* CSS Document */
body{
background-color: #181818;    
}

#container{
margin: 0 auto;
    width: 980px;
background-color: #181818;        
    
}

#logo{
margin: 0px 0px 15px 0px;
padding: 7px 7px 7px 7px;
float: left;
width:965px;
background-color: #ff611a;
height: 100px;
-moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;         
    
}


#media{
background-color: #181818;
color: #ffffff;    
padding: 7px 7px 7px 7px;
    
}

#nav{
margin: 0px 15px 15px 0px;
padding: 20px 7px 7px 7px;
float: left;
width:250px;
height: 185px;
background-color: #ff611a;
-moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;             
}

ul
{
list-style-type:none;
margin:0;
padding:0;
}

 #nav a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#ff611a;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;

}

 #nav a:hover,a:active
{
background-color:#ffffff;
color:#ff611a;
-moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;
  text-decoration:none;
}




#header{
margin: 0px 0px 15px 0px;
padding: 7px 7px 7px 7px;
float: right;
width:665px;
height: 200px;
background-color: #ff611a;
background-image:url(smallengine.jpg);
background-repeat:no-repeat;
    
-moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;             
    
}

#news{
margin: 0px 10px 15px 0px;
padding: 7px 7px 7px 7px;
float: left;
width:250px;
height: 300px;
background-color: #d9d9d9;    
-moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;         
}

#main{
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
float: right;
width:665px;
height: 300px;
background-color: #ffffff;
-moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;             
    
}

#footer{
text-decoration:none;    
margin: 1px 0px 100px 0px;
padding: 0px 0px 0px 0px;
float: left;
width:955px;
color: #ffffff;
background-color: #ff611a;    
-moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;
  text-align: center;
text-decoration:none;

  
 }
2

It was for my footer is where I cannot get the text decoration to work!

3

Hi,

Apply the text-decoration to the element that has the decoration as it is not inherited from a parent.

#footer a{text-decoration:none;}

4

Thanks Paul it worked!!!