No replies
sweetp
Offline
Regular
Last seen: 10 years 35 weeks ago
Timezone: GMT-6
Joined: 2005-04-16
Posts: 12
Points: 2

I have a menu system setup at http://www.artsalad.ca/index2.php/ . When you click on the first menu item, you'll see that a sub-menu slides out. The slide out doesn't appear in Safari. It will work in Safari, if I change:

.many1_slide a {}

to

.many1_slide {}

...but then a large gap appears between the colored menu tabs.

Any ideas? Appreciate any help! Thanks!

The CSS for the first menu item is:

.many1_toggle a {
	background-color: #83cfca;
	width: 178px;
	height: 25px;
	display: block;
	padding-top: 10px;
	padding-left: 22px;
	margin-top: 5px;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	color: #ed1556;
	text-decoration: none;
}
 
.many1_toggle a:hover{
 
	opacity:100;filter!important; alpha(opacity=100)!important; -moz-opacity: 100!important;
	color: #ed1556;
	text-decoration: none;
}
 
.many1_slide  {
 
}
 
.many1_slide a {		background-color: #e7e6e4;
	width: 151px;
	height: 23px;
	display: block;
	padding-top: 3px;
	padding-left: 50px;
margin-top: 5px;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	color: #bbb1a6;
	text-decoration: none;
	border: 1px solid #00FF00;	}
 
.many1_slide a:hover {
 
	opacity:100;filter!important; alpha(opacity=100)!important; -moz-opacity: 100!important;
		color: #bbb1a6;
	text-decoration: none;
}

The html for the first menu item is:

 
<span class="many1_toggle"><a>About Art Salad</a></span>
 
<span class="many1_slide"><a href="/index2.php/testimonials/">Testimonials</a></span>
 
<span class="many1_slide"><a href="/index2.php/news/">News</a></span>