Menu incompatibile con IE

[mattyfog]

Sul sito http://lnx.passiontattoostudio.com/shop/ il menu categorie di virtuemart è visualizzato correttamente da firefox ma non da IE (lasciamo stare gli altri problemi di incompatibilità).
Anche usando un hack di IE, mi spiegate cosa dovrei cambiare? Perchè non so proprio quale sia il problema.
Codice css:

Codice: [Seleziona]

/*menu categorie prodotti di virtuemart*/
#sidebar_left {
clear: left;
}

.moduletable #wrap #menu {
padding-top: 42px;
background-image: url(../images/categorie.jpg);
background-position: top left;
background-repeat: no-repeat;
}

.moduletable #wrap #menu table {
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
margin-left: 5px;
}

.moduletable #wrap #menu table tbody tr {
background-image: url(../images/others/punto-ori.gif);
background-position: left bottom;
background-repeat: repeat-x;
width: 133px;
margin: 0px 5px 0px 5px;
padding: 2px;
display: block;
line-height: 30px;
}

.moduletable #wrap #menu table tbody tr:last-child  {
background-image: none;
width: 133px;
margin: 0px 5px 0px 5px;
padding: 2px;
display: block;
line-height: 30px;
}

.moduletable #wrap #menu table tbody tr td {
background-image: url(../images/others/ico_left_menu.gif);
background-position: 0px 7px;
background-repeat: no-repeat;
padding: 0px 0px 0px 7px;
display: block;
}

.moduletable #wrap #menu table tbody tr td a {
display: block;
line-height:14pt;
font-size: 15px;
font-family: Tahoma;
letter-spacing: 0pt;
line-height: 14pt;
}


[mattyfog]

up

[ramses_2th]

Dalla linea 127 del css circa

trova questo

Codice: [Seleziona]

.moduletable #wrap #menu table tbody tr  {
background-image:url("../images/others/punto-ori.gif");
background-position:left bottom;
background-repeat:repeat-x;
display:block;
line-height:30px;
margin-bottom:0;
margin-left:5px;
margin-right:5px;
margin-top:0;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
width:133px;
e cambia questo valore

margin-left:8px; ( o ti regoli tu)

Vedi se riesci a marginare.

[mattyfog]

Ma il problema non è il margine (si è vero che anche lì c'è un problema ma lo sistemo dopo), guarda il menu su firefox, è ben diverso!

[ramses_2th]

Secondo me è sempre problema di margini, se intendi le linee tra una voce e l'altra.
prova a modificare il bottom padding

[mattyfog]

Ho provato ma niente.

[gippy88]

ma che versione di IE?

[mattyfog]

8.0.7600.16385 (e credo anche ci siano problemi con il 7)
Perchè tu invece vedi correttamente anche la lineetta bianca tra un link e l'altro?

[mattyfog]

nuove idee?

[mattyfog]

up

[conti1]

ciao
Ti pregherei di evitare la tecnica dell'UP ... non gradita nel forum.
con 70 visite al post non sei passato inosservato.

[mattyfog]

Ok, comunque ho scoperto che IE se ne sbatte della proprietà background inserita nel selettore .moduletable #wrap #menu table tbody tr perchè anche scrivendo background: white; lo sfondo non cambia quindi non è la mia immagine di sfondo ad essere coperta da qualcos'altro ma è proprio che IE se ne frega della proprietà background.
Perchè? E' mica già impostata da qualche parte da joomla?

[mattyfog]

Risolto --> http://www.hwupgrade.it/forum/showthread.php?p=32713400#post32713400