Need Help centering text

[khujo56]

Hi Guys,

I'm hoping someone can pin point where the error is. I have a css hover table that loads a js file displaying text. The prob i have is that the text is not centered within the middle of the table row, instead it is at the top of the row. Everything looks fine in FF but in IE is does not. i have listed the css code below.

Here is the page that shows the hover table.
www.iheartvacation.com/toronto

Here is the CSS for the hover table.

#table1 {
position:absolute;
width:515px;
height:25px;
z-index:1;
border-collapse: collapse;
background-color: #DEEFEF;
font-family: Verdana;
font-size: 10px;
}
#table1 tr:hover td {
background-color:#d0dafd;
}

[Fang]

Try this:#table1 td {vertical-align:middle;}
#table1 td a {display:block;}

Invalid id (http://www.w3.org/TR/html401/struct/global.html#h-7.5.2) and invalid nesting of elements. Validate your document (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.iheartvacation.com%2Ftoronto).
<tr><td id="1"><ol><a href="