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?