how to change footer background color using CSS?

in the screen shot below is a view of a test page that i'm doing. i can't figure out how to change the footer background color to some other color. in this CSS code:

i thought the red entry controls the color, but no effect even when i edit that part. can someone help me please?

 

You have text color and background the same ?

 

well, i tried that but the thumbnail is the result. i don't see any text "disappearing" due to them having the same colors.

 

#notice{ /* another IE fix: changed font-size */
clear: both;
margin: auto;
padding: 5px 7px;
color: inherit;
font: x-small arial,verdana,sans-serif;
[COLOR="Red"]background: #007700;}[/COLOR]

#pageContainer > #notice{
clear: both;
margin: auto;
padding: 5px 7px;
color: #0066CC;
font: small arial,verdana,sans-serif;
[COLOR="red"]background: #0066CC;}[/COLOR]

Code (markup):

you have the colour specified in two locations. If your viewing in IE you need to change the first value.

 

did you place another div within pageContainer? if so, properties of the latest div will take precedence...

 

ah...thanks for pointing it out! i think that's where the problems lie.