[css-d] anchor in table cell

[Sean O'Hara]

Hi All,

I am trying to get an anchor to take up the entire space of a table
cell. Currently I am not having any luck. Is this possible? Or if it's
not directly possible is there some hack I could use? Currently I have
this html:

<table class="product-table">
        
        <tr class="even" id="songrow1">
                <td>1</td>
                <td class="song-title"><a href="#" id="songtitle0"
onclick="playSong(0); return false;">Revolt (Le Tigre)</a></td>
                <td class="alignr">4:27</td>
                <td class="alignr">$0.99</td>
                <td class="addtocart"><div><a href="#"" title="Add song to
cart">+</a></div></td>
        </tr>
</table

It is the last cell that I want to contain a link that uses the entire
space of the cell.

Here's my css for it:

table.product-table {
        width: 100%;
        margin: 20px 0;
        font-size: .75em;
        font-family: "Lucida Grande", Trebuchet, "Trebuchet MS", Geneva,
Arial, Helvetica, sans-serif;
        border: 1px solid #999;
        border-bottom: 2px solid #333;
        border-right: 2px solid #333;
        border-collapse: collapse;
}

table.product-table tr {
        background-color: #DDD;
}



table.product-table td {
        vertical-align: top;
        padding: 2px 3px;
}

table.product-table td.addtocart {
        padding: 0;
        text-align: center;
        vertical-align: center;
        background-color: pink;
}

table.product-table td.addtocart a {
        display: block;
        background-color: #EEE;
        border-left: 1px solid #666;
        border-bottom: 1px solid #666;
        height: 300%;
}
table.product-table td.addtocart a:hover {
        background-color: #B00000;
        color: #fff;
}

Right now the link is only taking up the top part of the vertical
space of the cell. Thanks in advance.

Sean
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/