<td> + "valign" issue, Firefox vs IE Options

[adafsdfasdfadasd...]

Problem: Can't get the right links to valign to the middle
Question: Why won't it align in the middle vertically on firefox but does on IE...

CODE

<div class="holder">

<table class="body" cellspacing="1px">

<td class="left" colspan="2">
<img src="http://i89.photobucket.com/albums/k237/ximonolithix/Layout/rawr.jpg" alt="Layout by ximonolithix" border="0">
</td>

<td class="mid">
Rawr
</td>

<td class="right" valign="middle">
<div class="right">
<a class="direc" href="http://www.google.com">Google</a>
<a class="direc" href="http://www.google.com">Google</a>
<a class="direc" href="http://www.google.com">Google</a>
<a class="direc" href="http://www.google.com">Google</a>
Phwee
</div>
</td>

</table>

</div>

CODE

div.holder {
    background-color: transparent;
    border: none;
    position:absolute;
    left: 50%; margin-left: -300px; width: 600px;
    top:0%; margin-top: 180px; height: 400px;
    overflow: auto;
    visibility: visible!important;
    }

table.body {
    background-color: black;
    border: 1px solid;
    border-color: black;
    visibility: visible!important;
    }

td.left {
    background-color: 794021!important;
    border: 3px solid;
    border-color: 794021!important;
    width: 200px;
    height: 380px;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    }

td.mid {
    background-color: white;
    border: 3px solid;
    border-color: 794021!important;
    width: 200px;
    height: 380px;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    }

td.right {
    background-color: white;
    border: 3px solid;
    border-color: 794021!important;
    width: 200px;
    height: 380px;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    }

div.right {
    visibility: visible!important;
    background-color: white;
    border: none;
    width: 100%;
    height: 100%;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    overflow: auto;
    }
    
a.direc:link, a.direc:visited, a.direc:active {
    text-decoration: none!important;
    font-family: arial;
    font-style:normal;
    font-size: 10px;
    line-height: 20px;
    color: black!important;
    background-color: white!important;
    border-left: none;
    display: block;
    margin: 0px;
    padding: 0px;
    }


a.direc:hover {
    text-decoration: none!important;
    font-family: arial;
    font-style:normal;
    font-size: 10px;
    line-height: 20px;
    color: white!important;
    background-color:black!important;
    border-left: none;
    display: block;
    margin: 0px;
    padding: 0px;
    }

Edit/

Link to my profile

This post has been edited by ximonolithix: Oct 19 2006, 03:40 PM