problema di CSS con IE e FireF

[barrio]

Ciao a tutti...è una delle prime volte che mi presento in questo forum...anche se sono un fedele seguace di html.it.

Detto questo avrei un problema di visualizzazione tra IE 6 e Firefox 2.

Il fatto sta che operando con un e-commerce in particolare basato su Zencart ho implementato uno dei menu laterali con la tecnica AJAX.

Sotto l'aspetto Javascript, quindi in termini di funzionalità, tutto procede, per quando riguarda l'aspetto grafico il CSS che sovraintende l'operazione in FF2 funziona puntualmente in IE invece non solo non funziona ma a me sembra che non venga proprio visto dal browser nel senso che la presenza fisica del file nulla aggiunge e nulla toglie alla rappresentazione del menù.

Spero che qualcuno possa darmi una mano!!

Grazie anticipate.

[fcaldera]

Potresti aggiungere qualche elemento utile alla discussione?

Dettagli marginali, come il tipo di problema che si verifica nello specifico, il codice css e xhtml che usi (un link sarebbe molto apprezzato)

[barrio]

Grazie per la pronta risposta....nello specifico si tratta di un'estensione chiamata "yahoomenutree"...

il CSS suddetto è:

------------------------------------------------------------------
.ygtvtn { width:1em; height:20px; }

.ygtvtm {
background: url(../images/menu/collapse.gif) no-repeat 0 6px;
width: 1em;
height: 22px;
cursor: pointer;
}

.ygtvtmh { background: url(../images/menu/collapseh.gif) 0 6px no-repeat; width:1em; height:22px; cursorointer }

.ygtvtp { background: url(../images/menu/expand.gif) 0 6px no-repeat; width:1em; height:22px; cursorointer }

.ygtvtph { background: url(../images/menu/expandh.gif) 0 6px no-repeat; width:1em; height:22px; cursorointer }

.ygtvln { width:1em; height:20px; }

.ygtvlm { background: url(../images/menu/collapse.gif) 0 6px no-repeat; width:1em; height:22px; cursorointer }

.ygtvlmh { background: url(../images/menu/collapseh.gif) 0 6px no-repeat; width:1em; height:22px; cursorointer }

.ygtvlp { background: url(../images/menu/expand.gif) 0 6px no-repeat; width:1em; height:22px; cursorointer }

.ygtvlph { background: url(../images/menu/expandh.gif) 0 6px no-repeat; width:1em; height:22px; cursorointer }

.ygtvloading { background: url(../images/menu/loading.gif) 0 6px no-repeat; width:1em; height:22px; }

.ygtvdepthcell { width:1em; height:20px; }

.ygtvblankdepthcell { width:1em; height:20px; }

.ygtvitem { border: 0px solid grey; }

.ygtvchildren { }
* html .ygtvchildren { height:1%; }

.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
margin-left:2px;
text-decoration: none;
font-size: 11px;
}

.current {
font-size: 11px;
font-weight: bold;
}
--------------------------------------------------------------------
mentre il "trancio" HTML è:

--------------------------------------------------------------------

<div class="leftBoxContainer" id="yahootreemenu" style="width: 190px">
<h3 class="leftBoxHeading" id="yahootreemenuHeading">Categorie</h3>
<div id="yahootreemenuContent" class="sideBoxContent">
<link rel="stylesheet" type="text/css" href="includes/templates/ilmercantedivino_template/css/tree.css">
<script type="text/javascript" src="includes/templates/ilmercantedivino_template/jscript/YAHOO.js"></script>
<script type="text/javascript" src="includes/templates/ilmercantedivino_template/jscript/treeview.js"></script>
<script type="text/javascript" src="includes/templates/ilmercantedivino_template/jscript/loadNodes.js"></script>
<script type="text/javascript">
var tree;
var nodes = new Array();
var nodeIndex =0;
var root;
var tmpNode;

function treeInit() {
tree = new YAHOO.widget.TreeView("yahootreemenuContent");
root = tree.getRoot();
loadTree();
tree.draw();
}

function loadTree() {
nodes[13] = new YAHOO.widget.MenuNode({label: "Spumanti &amp; Prosecchi"}, root, false);
nodes[13].data = new nodeData(13, 13);
nodes[3] = new YAHOO.widget.MenuNode({label: "Vini Bianchi(42)"}, root, false);
nodes[3].data = new nodeData(3, 3);
nodes[3].setDynamicLoad(loadDataForNode);
nodes[9] = new YAHOO.widget.MenuNode({label: "Vini Rosati"}, root, false);
nodes[9].data = new nodeData(9, 9);
nodes[10] = new YAHOO.widget.MenuNode({label: "Vini Rossi(236)"}, root, false);
nodes[10].data = new nodeData(10, 10);
nodes[10].setDynamicLoad(loadDataForNode);
nodes[7] = new YAHOO.widget.MenuNode({label: "Passiti e Vini da Dessert"}, root, false);
nodes[7].data = new nodeData(7, 7);
nodes[15] = new YAHOO.widget.MenuNode({label: "Distillati"}, root, false);
nodes[15].data = new nodeData(15, 15);
nodes[15].setDynamicLoad(loadDataForNode);
nodes[12] = new YAHOO.widget.MenuNode({label: "Selezione Birraia"}, root, false);
nodes[12].data = new nodeData(12, 12);
}

function loadDataForNode(node, onCompleteCallback) {
var request = "load_branch.php?cPath=" + node.data.id;
makeRequest(request, node, onCompleteCallback);
}

treeInit();

</script>

<noscript>
Spumanti & Prosecchi
Vini Bianchi-&gt;(42)
Vini Rosati
Vini Rossi-&gt;(236)
Passiti e Vini da Dessert
Distillati-&gt;
Selezione Birraia

</noscript>
<hr id="catBoxDivider" />
Nuovi articoli ...

Articoli in vetrina ...
Tutti i prodotti ...</div>
</div>

--------------------------------------------------------------------------
Nello specifico ripeto sotto IE il CSS è come non esistesse...(es. le immagini non presenti, interlinea assente, e via dicendo)..in pratica non è presente nulla di quello che è settato nel CSS. Diversamente in FF tutto funziona!!!