Button changes color when cursor is hovering over footer?

Hi,

I'm trying to add a hover state on a button. The button changes color but instead of the button changing color when the cursor is on the button by itself, the button changes color anytime that the cursor is in the footer?

The CSS I'm using is this:
body #gform_wrapper_1 .gform_footer input[type=submit]
{border: 2px solid white;
background-color:black;
color:white;
height:35px;
width:150px;
margin-left:389px;
border-radius: 10px;
}
body #gform_wrapper_1 .gform_footer:hover input[type=submit] {
color:white;
background-color:gray;
}

Brilliant...I would never have guessed that, thanks.