elenco ordinato per livello

[inside1]

Ciao a tutti
il titolo del topic non è il massimo, lo so ma non sapevo che mettere.
Ho un problema con un layout.
Sto aggiungendo delle pagine ad un sito dove con degli include (linguaggio php) mi implemento la grafica e alcuni menu già esistenti.
In queste pagine la neccesità di crearmi un menù a tendina con i css, che purtroppo si va ad incasinare con la grafica già esistente.
In poche parole ho creato un livello dove ho messo il mio menu attribuendogli una classe. Nel mio css ho dato le impostazioni per gestirmi l' elenco non ordinato e quindi le voci della tendina, ma come vi ho già detto mi va ad incasinare il layout, perchè sicuramente entra in conflitto con i css della grafica che importo.
Non c'è un sistema per fare in modo che le mie classi si attribuiscano solo al menu che ho creato senza andare ad incidere sul resto della grafica importata ?
Vi posto il css

.indice {
	FONT-SIZE: 11px; MARGIN: 50px 0px; WIDTH: 750px; FONT-FAMILY: arial, sans-serif;
}
.indice UL LI A {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: #710069; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 104px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.indice UL LI A:visited {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: #710069; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 104px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.indice UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.indice UL LI {
	FLOAT: left; MARGIN-RIGHT: 1px; POSITION: relative
}
.indice UL LI UL {
	DISPLAY: none
}
.indice UL LI:hover A {
	BACKGROUND: #36f; COLOR: #fff
}
.indice UL LI:hover UL {
	DISPLAY: block; LEFT: 0px; WIDTH: 105px; POSITION: absolute; TOP: 21px
}
.indice UL LI:hover UL LI A.hide {
	BACKGROUND: #6a3; COLOR: #fff
}
.indice UL LI:hover UL LI:hover A.hide {
	BACKGROUND: #6fc; COLOR: #000
}
.indice UL LI:hover UL LI UL {
	DISPLAY: none
}
.indice UL LI:hover UL LI A {
	DISPLAY: block; BACKGROUND: #ddd; COLOR: #000
}
.indice UL LI:hover UL LI A:hover {
	BACKGROUND: #6fc; COLOR: #000
}
.indice UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 105px; POSITION: absolute; TOP: 0px
}
.indice UL LI:hover UL LI:hover UL.left {
	LEFT: -105px
}

Mille grazie

[inside1]

Ciao lavoratori
per quelli presenti qui oggi.... avete qualche soluzione per il mio problema... purtroppo se non risolvo sta bega sono un pochetto fregato...

Grazieeee