CSS hover property ignored -

Can anyone see why this is not working? For this example, the box should be white if it is white.

  & lt; Style type = "text / css" media = "screen" & gt; . Center {margin: 0 auto; }. Box {width: 250px; Height: 250px; Display area; Background: # 000; Border: 1 px solid white; Float: left}. Wagers {width: 175px; Height: 175px; Display area; Margin-top: 15%; Margin-left: 15%; Background: #fff; Status: Relative} .box link {status: complete; Left: 0; Correct: 0; Margin-left: auto; Width: 100%; Text align: center; Line-height: 175px; Font-size: 30px} a: link.boxLink {color: # 000; Background: yellow} A: visited. Box Link {Color: # 000; Background: yellow} a: hover.boxlink {color: #fff; Background: white} a: active.boxLink {color: # 000; Background: green} & lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "container" & gt; & Lt; Div class = "box" & gt; & Lt; Div class = "inner" & gt; & Lt; One class = "boxlink" href = "#" & gt; About & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

You before : hover :

  a.box link: link {color: # 000; Background: yellow} a.boxLink: visited {color: # 000; Background: yellow} a.box link: hover {color: #fff; Background: white} a.box link: active {color: # 000; Background: green}  

Although my suggestion is good practice, you have actually created a spelling error on that hover line: / P>

  a.boxlink: hover {color: #fff; Background: white}  

CSS is case-sensitive , you need to make that code l .