проблемы с css? не работает меню в опере

[jikonast]

во всех браузерах отображается нормально, а в опере 10.62, не работает
подскажите плиз, я новичек, и уже не знаю, где даже смотреть (((

<ul id="css3menu">
	<li class="topitem"><a href="#" title="Салон">Салон</a></li>
	<li class="topitem"><a href="#" title="Услуги"><span>Услуги</span></a>
	<ul>
		<li class="subfirst"><a href="#" title="услуги">услуги</a></li>
		</ul>
</ul>
<style>
ul#css3menu,ul#css3menu ul{
	margin:0;
	list-style:none;
	background-color:#000000;
	background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(255,255,255,0.16));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));
	background-repeat:repeat;
	border-width:1px;
	border-style:solid;
	border-color:#343434;
	-moz-box-shadow:1.4px 1px 2px #B1B1B1
	;-webkit-box-shadow:1.4px 1px 2px #B1B1B1;
	box-shadow:1.4px 1px 2px #B1B1B1;}
ul#css3menu ul{
	display:none;
	position:absolute;
	left:-1px;
	top:98%;
	padding:0;
	background-color:#202020;
	background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.16),rgba(255,255,255,0));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0)));
	border-color:#000000;}
ul#css3menu li:hover>*{
	display:block;}
ul#css3menu li:hover{
	position:relative;}
ul#css3menu ul ul{
	position:absolute;
	left:98%;
	top:-2px;}
ul#css3menu{
	padding:6px 6px 6px 0;
	display:block;
	font-size:0;
	position:absolute;
	z-index:1000;/*&*/
	left:0px;
	top:0px;
	width:800px;
	height: 32px;}
ul#css3menu li{
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
	z-index:auto;}
ul#css3menu>li,ul#css3menu li{
	margin:0 0 0 6px;}
ul#css3menu ul>li{
	margin:6px 0 0;}
ul#css3menu a:active, ul#css3menu a:focus{
	outline-style:none;}
ul#css3menu a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 13px Arial,sans-serif;
	color:#E7E5E5;
	cursor:pointer;
	padding:8px 20px;
	background-color:;
	border-width:0;
	border-style:solid;
	border-color:transparent;}
ul#css3menu ul li{
	float:none;
	margin:0;}
ul#css3menu ul a{
	text-align:left;}
ul#css3menu li:hover>a{
	background-color:#980dba;
	border-color:#F8F8F8;
	border-style:solid;
	font:bold 13px Arial,sans-serif;
	color:#333;
	text-decoration:none;
	background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00);}
ul#css3menu img{
	border:none;
	vertical-align:middle;
	margin-right:16px;
	width:16px;
	height:16px;}
ul#css3menu ul img{
	width:16px;
	height:16px;}
ul#css3menu img.over{
	display:none;}
ul#css3menu li:hover > a img.def{
	display:none;}
ul#css3menu li:hover > a img.over{
	display:inline;}
ul#css3menu li.topitem>a{
	background-color:;/*traspar*/
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:;
	font:bold 14px Arial,sans-serif;
	color:#E7E5E5;
	text-decoration:none;
	text-shadow:0 1px 1px #000000;}
ul#css3menu li.topitem:hover>a{
	background-color:#6e0987;
	background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.77),rgba(85,170,0,0.7));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7)));
	border-style:solid;
	border-color:#F8F8F8;
	font:bold 14px Arial,sans-serif;
	color:#333;
	text-decoration:none;
	text-shadow:0 1px 0 #C5EAA1;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#C6FFFFFF,endColorstr=#B355AA00);}
</style>

[jikonast]

все разобрался!