IE background color 'z-index'

This loooks OK(yellow) in FF and Chrome, black in IE. How to fix it ?

http://agrozoo.net/AgroZoo10/test8.html

That link is to your localhost....

wait a sec :) to figure out network, unnetwork ...., link correted :)

http://agrozoo.net/AgroZoo10/test8.html

Apply that background color to table cell like
.cl
{
text-align:center;
background:yellow url(img/g/link.png) no-repeat center;
} instead of table row

that works, so if I have alternating colored rows ( class color_row_1 and color_row_2), and some td-s that have images inside ..


<tr class = 'color_row_1'>
<td>
</td>
<td class = 'link'>
</td>
<td class = 'mail'>
</td>
...
</tr>

<tr class = 'color_row_2'>
<td>
</td>
<td class = 'link'>
</td>
<td class = 'mail'>
</td>
...
</tr>
...



is there a way to shrink this css, there is certain repetition ... ?


.color_row_1 td
{
background:white;
}

.color_row_2 td
{
background:black;
}

.color_row_1 .link
{
background:white url(../img/g/link.png) no-repeat center;
}

.color_row_2 .link
{
background:black url(../img/g/link.png) no-repeat center;
}

.color_row_1 .mail
{
background:white url(../img/g/mail.png) no-repeat center;
}

.color_row_2 .mail
{
background:black url(../img/g/mail.png) no-repeat center;
}

....

How about
<tr class = 'odd'>
<td>
</td>
<td class = 'link'>
</td>
<td class = 'mail'>
</td>
...
</tr>

<tr class = 'even'>
<td>
</td>
<td class = 'link'>
</td>
<td class = 'mail'>
</td>
...
</tr>
.odd td
{
background:white;
}

.even td
{
background:black;
}

.odd .link
{
background:white url(../img/g/link.png) no-repeat center;
}

.even .link
{
background:black url(../img/g/link.png) no-repeat center;
}

.odd .mail
{
background:white url(../img/g/mail.png) no-repeat center;
}

.even .mail
{
background:black url(../img/g/mail.png) no-repeat center;
}
?