CSS Hover Not Working On Nested SPAN : I would like to change the `background-color` and `color` when I hover over the `#startButton`.  However, nothing changes in my current code (below).

HTML

    <a href='#arrow' class='startButton' style='background-color: #fff; color: #555;' id='brickButton'>

        <span id='theText'>
              Start Your Search
        </span>

    </a>  

CSS

     #startButton:hover {
	color: blue;
	background-color: #fff;
    }