проблем при ie с центрирането

[hackera]

#podmenu {
font-weight: bold;
font-size: 11px;
text-decoration: none;
color: #00a651
}
#podmenu:hover {
background-image: url('images/podmenu.jpg');
background-repeat: no-repeat;
height:60px; 
padding-top: 13px;
padding-left: 7px;
padding-right: 14px;
padding-bottom: 14px;
text-decoration: none;
text-align: center;
font-size: 11px;
font-weight: bold;
color: white;
}

така изкарвам менюто

		<td background="images/index_08.jpg" style="text-align:left">
			<span lang="en-us"> </span><a id="podmenu" href="view.php?id=1">Продава</a>  <a id="podmenu" href="view.php?id=2">Наема</a> 
			<a id="podmenu" href="view.php?id=3">Купува</a>  <a id="podmenu" href="view.php?id=4">Отдава</a></td>

http://85.187.40.21/imoti/
сами вижте как е при ie и как пр ff :?

 

[emagi]

Е къде е разликата, че аз не виждам?

 

[hackera]

като сложиш мишката върху Продава примерно при ff фона става син от горе до долу, а при Ie НЕ!

 

[dashe]

като сложиш мишката върху Продава примерно при ff фона става син от горе до долу, а при Ie НЕ!

Ами ако е става дума за ИЕ6 то има проблеми със ховърите при него
Имаше един фикс ам акак беше...

table.hover tr:hover   
{   
    background-color:#ffffcc;   
}

table.hover tr:hover, table.hover tr.hover   
{   
    background-color:#ffffcc;   
}

if (!window.XMLHttpRequest)    
{   
    $$('table.hover tr').each( function(e) {   
        e.onmouseover += function()   
        {   
            Element.addClassName(e, 'hover');   
        };   
        e.onmouseout += function()   
        {   
            Element.removeClassName(e, 'hover');   
        }   
    });   
}

Епа нещо такова
Google => IE6 Hover Effect

 

[shterev]

тоя код мисля ,че ще ти помогне:
<tr onmouseover="this.style.background='red';" onmouseout="this.style.background='white';">

заменяш си цвета както искаш, работи навсякаде.