Problema menu tabs horizontal

[Programlocura]

Hi !

Pruebo y pruebo pero no me sale ... Estoy tratando de hacer un menú horizontal con CSS (con <ul> y <li>) pero resulta que los Submenu (desplegables verticalmente) me heredan todas las propiedades de los padres. Podria hacerlo en diferentes capas, pero la idea es hacerlo todo en una. Se puede?

Ejemplo del menú:

Código HTML:

 <ul id="menu_tabs">
		<li><a href="#">Products</a></li>
		<ul id="sub_item">
			<li>X-Trim</li>
			<li>S-Plan</li>
			<li>D-Opt</li>
			<li>Roll Stock Optimizer</li>
			<li>Technology</li>
			<li>CPFR</li>
		</ul>
       </ul> 

Como los tabs son imagenes al igual que su hover, los submenu heredan esto... Lo que quiero en realidad es que muestren un texto en un cuadro con un borde y un color de fondo (Quizas le ponga transparencia luego). Pero como heredan sus propiedades no puedo...

Alguna idea ? =S

Gracias de antemano!

-ByE-

[hades87]

define un id para cada li dentro de los ul asi como ul#menu_tabs li#primero y ul#sub_item li#segundo y de esta forma cada li de cada ul tendrá distintos atributos ^^

de todas formas mírate esto. http://www.cristalab.com/tutoriales/...-usando-listas

[Programlocura]

Hi !

Gracias por la respuesta... Pero igualmente los Estilos se heredan, igual ya he podido hacer maso menos lo que buscaba ! Ahora tengo otros problemitas =P. Con el "z-index" en "IE"... En firefox lo muestra bien pero no en IE... Tienen idea de como solucionarlo ?

Código:

ul#sub_item {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	text-transform:none;
	color:#999999;
	list-style:none;
	float:left;
	text-align:right;
	padding:0;
	margin:0;
	
	width:96px;
	
	z-index:2000 !important;
	
	position:absolute;
	left: 5px;
	top: 86px;
}

Gracias por la rapidez!

-ByE- !

[Raulmmmm]

Lo primero no sé, pero lo del z-index me parece que lo puedes arreglar quitando el !important.