NiftyCube

pato12 · #1 (**permalink**) 10/10/2008, 13:21

Hola,
Estube usando NiftyCube y me anda bien.
Pero cuando ago algo como lo siguiente:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
ul#letras_menu,ul#letras_menu li{
	list-style-type:none;
	margin:0;
	padding:0;
	text-decoration: none;
	background-color: #003366;
}
ul#letras_menu{
	background-color: #003366;
}
ul#letras_menu li{
	float:left;
	height: 24px;
	width: 34px;
	text-align: center;
	background-color: #003366;
	padding: 3px 0;
}
ul#letras_menu a{
	width: 34px;
	padding: 3px 0;
	text-decoration:none;
	color: #FFFFFF;
	background-color: #003366;
}
ul#letras_menu a:hover{
	color: #FFFFFF;
	background-image: url(images/menu/not_extend.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	background-color: #003366;
}
ul#letras_menu li.activelink a,ul#letras_menu li.activelink a:hover{
	color: #FFFFFF;
	background-color: #003366;
	text-decoration: none;
	background-image: url(images/menu/activa.jpg);
	background-repeat: repeat-x;
}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba</title>
<script type="text/javascript" src="js/funciones.js"></script>
<script type="text/javascript" src="js/niftycube.js"></script>
<script>
<!--
window.onload=function(){ 
	Nifty("ul#letras_menu a","transparent top 10px bottom 10px");
}
-->
</script>
</head>
<ul id="letras_menu">
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
</ul>
<body>
</body>
</html>

Solo me anda en IE.
¿Cual seria el problema?
Gracias
Salu2