Problema menu laterale

[mattyfog]

Salve a tutti ho alcuni problemi con il template di http://lnx.passiontattoostudio.com/shop che sto realizzando io stesso da zero.
Dunque:
Un problema di css ce l'ho con il menu delle categorie di prodotti di virtuemart:
dovrebbe apparire come il menu in http://www.passiontattoostudio.com/galleria_foto/lista.asp creato precedentemente da un altro webmaster.
Invece, nella parte di sito in joomla (http://lnx.passiontattoostudio.com/shop) il menu appare normalmente nonostante abbia settato diverse cose con i css.
Per chi non avesse firebugs ecco il mio codice:
html generato da joomla:

Codice: [Seleziona]

<div class="moduletable">
<h3>Categorie di prodotti</h3>
<!-- Begin menu -->
 
<link rel="stylesheet" type="text/css" href="http://lnx.passiontattoostudio.com/shop/modules/mod_virtuemart/vm_transmenu/transmenuv.css" />
<script type="text/javascript" src="http://lnx.passiontattoostudio.com/shop/modules/mod_virtuemart/vm_transmenu/transmenu.js"></script>
<div id="wrap"><div id="menu"><table cellpadding="0" cellspacing="0" border="0"><tr><td><a href="/shop/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=1&amp;Itemid=1" class="mainlevel" id="menu1">COLLARI E BRACCIALI</a></td></tr><tr><td><a href="/shop/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=2&amp;Itemid=1" class="mainlevel" id="menu2">Categoria 2</a></td></tr><tr><td><a href="/shop/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=3&amp;Itemid=1" class="mainlevel" id="menu3">Categoria 3</a></td></tr><tr><td><a href="/shop/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=4&amp;Itemid=1" class="mainlevel" id="menu4">Categoria 4</a></td></tr><tr><td><a href="/shop/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=5&amp;Itemid=1" class="mainlevel" id="menu5">Categoria 5</a></td></tr></table></div></div>
<script type="text/javascript">
if (TransMenu.isSupported()) {
TransMenu.updateImgPath('http://lnx.passiontattoostudio.com/shop/modules/mod_virtuemart/vm_transmenu/');
var ms = new TransMenuSet(TransMenu.direction.right, 0, 0, TransMenu.reference.topRight);
TransMenu.subpad_x = 1;
TransMenu.subpad_y = 0;
 

TransMenu.renderAll();
}
init1=function(){TransMenu.initialize();}
if (window.attachEvent) {
window.attachEvent("onload", init1);
}else{
TransMenu.initialize();
}
</script>
<!-- End menu -->
</div>
css

Codice: [Seleziona]

/*menu categorie prodotti di virtuemart*/
.moduletable #wrap #menu table tbody tr td {
background-image: url(templates/passiontattoostudio/images/others/ico_left_menu.gif);
background-position: 3px 3px;
background-repeat: no-repeat;
display: inline;
}
.moduletable #wrap #menu table tbody tr td a {
margin: 3px 0px 0px 15px;
display: block;
}

.moduletable #wrap #menu table tbody tr {
background-image: url(templates/passiontattoostudio/images/others/punto-ori.gif);
background-position: left bottom;
background-repeat: repeat-x;
width: 180px;
margin: 3px;
padding: 3px;
}

Grazie a tutti!

[mattyfog]

Problema risolto per firefox, perchè su IE 8 però il menu appare come una semplice lista?

[valerka]

prova a settargli un line-height, a IE piace.
Secondo me IE non avendo line-height e comunque tu non settando l'altezza delle voci di menu (lo fai solo con il  margin) fa scomparire la righina sotto bianca.
Ciao
 

[mattyfog]

No, niente non va.
Altre idee?