nuovo menu orizzontale in Joomla 1.7

[giusy.cosmo]

Ciao a tutti,
 ho un problema con un nuovo menu orizzontale che sto cercando di inserire nel template 'enmasse_17' (è il template componente.
 Ecco il link al sito: http://www.cosmoservicedemo.it/index.php?lang=it 
 - ho creato una nuova posizione 'user3' e l'ho inserita nel file xml del template
 - ho aggiunto nel file 'index.php' i seguenti tag:
 

Codice: [Seleziona]

<div class="art-nav">
         <jdoc:include type="modules" name="user3" style="art-menu" />
         </div>
 - ho assegnato al modulo il suffisso classe CSS modulo '_art-menu'
 - infine ho creato lo stile per questo menu nel file css:
 
 .art-menu ul li
 {
   padding: 6px 6px 6px 6px;
   border-right: 2px solid #FFFFFF;    float: left;    list-style: none outside none;    padding: 10px;
 }
 
 .art-nav
 {
   position: relative;
   min-height: 38px;
   z-index: 100;
 }
 
 .art-nav .l, .art-nav .r
 {
   position: absolute;
   z-index: -1;
   top: 0;
   height: 100%;
   background-image: url('../images/nav.png');
 }
 
 .art-nav .l
 {
   left: 0;
   right: 0;
 }
 
 .art-nav .r
 {
   right: 0;
   width: 1920px;
   clip: rect(auto, auto, auto, 1920px);
 }
 
 
 
 .art-menu ul li {    border-right: 2px solid #FFFFFF;    float: left;    list-style: none outside none;    padding: 10px;}
 .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
 {
     outline: none;
 }
 
 .art-menu, .art-menu ul
 {
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   display: block;
 }
 .art-menu ul li {    border-right: 2px solid #FFFFFF;    float: left;    list-style: none outside none;    padding: 10px;}
 
 .art-menu li
 {
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
 }
 
 .art-menu li:hover
 {
   z-index: 10000;
   white-space: normal;
 }
 
 .art-menu li li
 {
   float: none;
 }
 
 .art-menu ul
 {
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background: none;
 }
 
 .art-menu li:hover>ul
 {
   visibility: visible;
   top: 100%;
 }
 
 .art-menu li li:hover>ul
 {
   top: 0;
   left: 100%;
 }
 
 .art-menu:after, .art-menu ul:after
 {
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
 }
 .art-menu, .art-menu ul
 {
   min-height: 0;
 }
 
 .art-menu ul
 {
   background-image: url('../images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
 }
 .art-menu ul li {    border-right: 2px solid #FFFFFF;    float: left;    list-style: none outside none;    padding: 10px;}
 
 ma non funziona niente, o quasi.  Il menu c'è, nella posizione che vorrei io, ma non è orizzontale e non prende lo stile dato dal css, ci dovrebbe essere un'immagine di sfondo.
 Mi aiutate a capire dove sbaglio? Ho cercato tanto nel forum ma non ho risolto il mio problema.
 
 Grazie!
 
 
 

[conti1]

ciao
secondo me hai fatto un po di casini nel' aggiungere la posizione .
ora anche il top menu  non e cliccabile xche e coperto  se n on erro dalla nuova posizione.