CSS display anchor block format

Ok, this code is not working. It shows the links as a normal line... not as a block or box like I want it to be (an image link with out the image you could say). What is wrong with it?

div#topMenu {

text-align: center;

}

div#topMenu a.topMenuA {

display: block;

height: 20px;
width: 205px;

font-size: 20px;
font-family: arial, "lucida console", sans-serif;
text-decoration: none;

background-color: #ffffff;
color: #000000;

border-style: solid;
border-color: #000000;
border-width: 1px;

text-align: center;

padding: 3px;

}

div#topMenu a:hover a.topMenuA {


font-size: 20px;
font-family: arial, "lucida console", sans-serif;
text-decoration: none;

padding: 2px;

background-color: #ffffff;
color: #0000ff;

}


<div id = 'topMenu'>
<a class = 'topMenuA' href = 'XXXX'>XXXX</a>
<a class = 'topMenuA' href = 'YYYY'>YYYY</a>
<a class = 'topMenuA' href = 'ZZZZ'>ZZZZ</a>
</div>

Figured it out... stupid me forgot to change one letter...