Buongiorno ragazzi, sto costruendo questo sito...

www.mainevent.it/prova-home3.asp

con explorer tutto ok ma con safari e chrome non mi compaiono le scritte sulle immagini e si vedono gli elenchi puntati (nell' immagine lato destro) del menù delle slide....

come posso risolvere??

di seguito css...

"info" è il testo sulla foto
"panel" sono le foto
"nav" il menù di destra

codice:
#featured ul.ui-tabs-nav{ 
	float: left; 
	padding:0px;
	width:330px;
	margin-left: 10px; 
margin-top:-1px;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:0px;  
	font-size:12px; 
	color:#666; 
}

#featured ul.ui-tabs-nav li span{ 
	font-size:12px; font-family:Arial, Helvetica, sans-serif;
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{
	display:block;
	height:54px;
	color:#333;
	background:#232121;
	color:#fff;
	text-decoration:none;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#FF0000;
}
#featured li.ui-tabs-selected{ 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#000000; 
}
#featured .ui-tabs-panel{ 
	width:568px; 
	height:246px; 
	background:#373737;  
	top:1px;
	margin-left:0px; 
	float: left;
	margin-top:0px;
	z-index: 2;


}
#featured .ui-tabs-panel .info{ 
	margin-left:0px; 
	margin-top: -88px;
	width:540px;
	float: left;
	z-index: 1;

}
#featured .info h2{ 
	font-size:22px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	padding:5px; margin:0;
	overflow:hidden; 
	text-transform: uppercase;

}
#featured .info p{ 
	margin:0 5px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:15px; 
	color:#FFFFFF;
}
#featured .info a{ 
	text-decoration:underline; 
	color:#518DE6; 
	font-weight: bold;

}
#featured .info a:hover{ 
	text-decoration:underline; 
	color:#DE0000; 
}