Need Help centering text

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.
[url]www.iheartvacation.com/toronto[/url]

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;
}

Also in #CSS _↴