Non riesco a far funzionare questa immagine

[daweb]

Ciao a tutti,
ho creato questo piccolo menu per la scelta dello stile (sorvolo sulla opportunità o meno di inserire un 'controllo del genere'):

www.dinamicaonline.net/test

E funziona come dovrebbe (solo la visualizzazione dell'immagine, non mi riferisco alla scelta dello stile).

Ora se provo ad inserire questa immagine all'interno del mio layout non funziona più niente.

Posto il codice CSS:

#navigatore {
clear:left;
background: transparent url(../images/bkrmenu.gif) no-repeat 0% 0%;
font-size: 0.96em;
height: 2.4em;
margin: 0;
padding: 0;
width: 700px;
}

#navigatore ul {
background-color: transparent;
color: #FFFFFF;
float: left;
margin: 0;
padding: 0;
width: 100%;
}

#navigatore ul li {
display: inline;
}

#navigatore ul li a {
background-color: transparent;
color: #FFFFFF;
float: left;
margin: 0;
padding: 0.5em 1.4em;
text-decoration: none;
}

#navigatore ul li a:hover {
background-color: #900000;
color: #FFFFFF;
}

#sxmenu {
width: 241px;
height:2.4em;
float:left;
padding-left:1px;
stext-indent:-9000px;
}

#textchange { width: 72px; height: 12px; background: url(../images/textsize.gif) no-repeat; margin: 0px; padding: 0; position: relative;}

#textchange span {display: none;}
#textchange ul {list-style-type: none;}
#textchange li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#textchange li, #textchange a {height: 12px; display: block;}

#default {left: 0; width: 12px; border:apx solid #000;}
#medium {left: 20px; width: 12px;}
#large {left: 40px; width: 12px;}
#textonly {left: 60px; width: 12px;}


#dxmenu {
width: 457px;
height:2.4em;
float:left;
}

e HTML:

<div id="navigatore">
<div id="sxmenu">
<ul id="textchange">
<li id="default"><span>Homepage </span>
<li id="medium"><span>x</span>
<li id="large"><span>x</span>
<li id="textonly"><span>x</span>
[/list]
</div>
<div id="dxmenu">
<ul>[*]...[/list]
</div>
</div>

Mi potreste aiutare? Dove sbaglio?

[Sickbrain]

Così a prima vista ti direi che sicuramente esiste un conflitto tra due selettori. A parte il codice CSS e XHTML sarebbe utile vedere il malfunzionamento all'interno del layout.

[daweb]

www.dinamicaonline.net/test/index_test.php

Ho uploadato la pagina richiesta.

Grazie per la collaborazione

[daweb]

nessuno?

[webus]

sembra che gli manchi il JavaScript: js/style.js

[daweb]

Lo so, il problema non sta nel JS.

Il problema è quell'immagine sulla sinistra. Non riesco ad inserirla nella maniera corretta. Come vedi passandoci sopra con il mouse si attivano delle aree linkabili che non si dovrebbero riferire a loro.

Si riferiscono in fatti al div che contiene 'textchange'.

Insomma non sono riuscito a venirne fuori...

[daweb]

Ho risolto così:

#sxmenu ul li a:hover{
background:none;
}

ma mi sa tanto di 'artificio matematico' :-)

Funziona, ma non credo che sia la soluzione più corretta.
Ho l'impressione di aver risolto maldestramente un erroraccio grossolano.

Comunque se qualcuno avesse voglia di dare un'occhiata al codice lascio il link attivo.

Grazie