active link dark grey in every browser but Safari

Hello All

We have had a terrible time getting an external link menu item in Joomla to not have an attached alias that sends a 404 error - as a result - I had to make a menu module and use CSS to make the module suffix anyway... it looks great and its not jumping around like it was when I was doing it another way - a custom html module - so... the dark grey link is white in Safari and I do know why -

here is the CSS for the module suffix:

#blogcharrette  {
 
	color: #666666 !important;
 
	}
 
#blogcharrette a {
 
display:block;
	font-size: 12px;
	font-family: framd;
	color: #666666;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	float:right;
	margin: -25px 142px 0px 0px ;
	z-index: 1;
	}
 
#blogcharrette a:hover{
 
display:block;
	font-size: 12px;
	font-family: framd;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	float:right;
	margin: -25px 142px 0px 0px ;
	color:#03A9E1;
	z-index: 1;
 
}

thanks
Rob
PS - I cant believe Safari is the problem instead of IE this time