Aligning Cells?

[JF]

http://joe.ableinternet.com/squares/

Is there anyway to get the text in the table cells to sit at the bottom left
of the squares?
If it is not a link it is ok.

Here is the css file:
.button-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #0099CC;
text-align: left;
vertical-align: bottom;

}
.button-text a:link {
display: block;
width: 100%;
height: 100%;
color: #FFFFFF;
text-decoration: none;
border: 1px solid #000000;
text-align: left;
vertical-align: bottom;

}

.button-text a:visited {
display: block;
width: 100%;
height: 100%;
color: #000000;
text-decoration: none;
border: 1px solid black;
background-color: #FFFFFF;
text-align: left;
vertical-align: bottom;

}

.button-text a:hover {
display: block;
width: 100%;
height: 100%;
background-color: #00CCFF;
text-decoration: none;
border: 1px solid #00CCFF;
text-align: left;
vertical-align: bottom;
}

.button-text a:active {
display: block;
width: 100%;
height: 100%;
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
border: 1px solid black;
text-align: left;
vertical-align: bottom;

}.body {
margin: 0px;
}

Thanks - Joe