Warnings in CSS File

naimish's Avatar
Banned
Now when I resolved the HTML warnings, I am now getting warnings in CSS as below.

Code:
 
240  Same colors for color and background-color in two contexts #content and #footer p 
240  Same colors for color and background-color in two contexts body and #footer p 
240  Same colors for color and background-color in two contexts #back and #footer p 
243  Same colors for color and background-color in two contexts #back and #footer a 
243  Same colors for color and background-color in two contexts #content and #footer a 
243  Same colors for color and background-color in two contexts body and #footer a

And Heres the code of my CSS

Code:
 
* { margin : 0; 
padding : 0; 

} 
a:link { color : #a5a9b2; 

} 
a:hover { text-decoration : none; 
color : #ff0000; 

} 
a:visited { color : #a5a9b2; 

} 
body { background : #ffffff url(images/back_all.gif) repeat-x; 
font : 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
color : #666666; 

} 
#content { margin : 0 auto; 
background : #ffffff; 
width : 742px; 
text-align : left; 

} 
#back { background : #ffffff; 
width : 742px; 

} 
#header { height : 406px; 
text-align : left; 

} 
#menu1 { width : 702px; 
height : 152px; 
padding-left : 40px; 

} 
#menu ul { list-style : none; 

} 
#menu li { display : inline; 

} 
#menu a { float : left; 
width : 79px; 
height : 32px; 
display : block; 
text-align : center; 
text-decoration : none; 
color : #000000; 
font-weight : bold; 
font-size : 12px; 
text-transform : uppercase; 

} 
#menu a:hover { width : 79px; 
height : 32px; 
color : #004586; 
text-decoration : underline; 

} 
#button1 a { background : url(images/button1.jpg) no-repeat; 
height : 24px; 
width : 124px; 
padding-top : 120px; 

} 
#button1 a:hover { background : url(images/button1_r.jpg) no-repeat; 
height : 24px; 
width : 124px; 

} 
#button2 a { background : url(images/button2.jpg) no-repeat; 
height : 24px; 
width : 124px; 
padding-top : 120px; 

} 
#button2 a:hover { background : url(images/button2_r.jpg) no-repeat; 
height : 24px; 
width : 124px; 

} 
#button3 a { background : url(images/button3.jpg) no-repeat; 
height : 24px; 
width : 124px; 
padding-top : 120px; 

} 
#button3 a:hover { background : url(images/button3_r.jpg) no-repeat; 
height : 24px; 
width : 124px; 

} 
#button4 a { background : url(images/button4.jpg) no-repeat; 
height : 24px; 
width : 124px; 
padding-top : 120px; 

} 
#button4 a:hover { background : url(images/button4_r.jpg) no-repeat; 
height : 24px; 
width : 124px; 

} 
#button5 a { background : url(images/button5.jpg) no-repeat; 
height : 24px; 
width : 124px; 
padding-top : 120px; 

} 
#button5 a:hover { background : url(images/button5_r.jpg) no-repeat; 
height : 24px; 
width : 124px; 

} 
#logo { background : url(images/header.jpg) no-repeat; 
width : 722px; 
height : 234px; 
text-align : left; 
padding-left : 20px; 
padding-top : 10px; 

} 
#logo a { text-decoration : none; 
font-style : italic; 
font-size : 18px; 
color : #000000; 

} 
#logo H2 a { font-size : 12px; 

} 
#left { width : 266px; 

} 
#left H3 { width : 241px; 
height : 47px; 
font-size : 14px; 
font-weight : bold; 
padding-left : 25px; 
padding-top : 15px; 
text-transform : uppercase; 
color : #000000; 
background : url(images/title.gif) repeat-x; 

} 
#left ul { list-style : none; 

} 
#left li ul { border : 0; 
margin-left : 20px; 
margin-bottom : 10px; 

} 
#left li li { padding : 4px 20px; 
background : url(images/small.gif) no-repeat left; 

} 
#left a { color : #a5a9b2; 

} 
#left a:visited { color : #a5a9b2; 

} 
#left p { padding : 10px; 

} 
#calendar1 { padding : 0 10px 20px 10px; 

} 
#calendar table { width : 100%; 
text-align : center; 

} 
#calendar tbody td { border : 1px solid #f1f1f1; 

} 
#calendar #prev { text-align : left; 

} 
#calendar #next { text-align : right; 

} 
#calendar tfoot a { text-decoration : none; 
font-weight : bold; 

} 
#calendar #now { background : #696969; 
border : 1px solid #ff0000; 
font-weight : bold; 
color : #ffffff; 

} 
#right { float : right; 
width : 450px; 
padding-right : 10px; 

} 
#right H4 { margin : 0; 
padding : 0; 
font-size : 12px; 
color : #c5c5c5; 

} 
#right a { color : #a5a9b2; 
text-decoration : none; 

} 
#right p { margin : 0; 
padding : 0; 
padding-bottom : 10px; 

} 
#right h2 { margin : 0; 
padding : 0; 
padding-top : 10px; 
color : #c5c5c5; 

} 
.date { text-align : right; 
color : #808080; 
font-size : 11px; 

} 
.date a { color : #d72020; 

} 
#footer { height : 29px; 
clear : both; 
padding-top : 50px; 
background : url(images/footer.gif) repeat-x bottom; 

} 
#footer p { margin : 0; 
font-size : 10px; 
text-align : center; 
color : #ffffff; 

} 
#footer a { color : #ffffff; 

}
Now What's wrong I am doing here ?
0
nimesh's Avatar, Join Date: Apr 2009
Invasive contributor
what tool are you using for validation?
0
naimish's Avatar
Banned
Oh Sorry, I forgot to mention it. It's The W3C CSS Validation Service