Sto creando una pagina html, in alto a sinistra c'è il menu, fatto con tag a, menrte a destra del menu c'è un'area per l'iscrizione, fatta con il tag span. Il mio problema è che dando stessa grandezza al font, stesso padding e margin sia ai tag a che ai tag span, il tag span risulta essere qualche pixel più in alto rispetto al tag a. Posto di seguito il file html e css.
PS: con opera sono alla stessa altezza, mentre con chrome, firefox e ovviamnte ie (che li fa sballare di 15 px...) da quel problema.

codice:
body{ 	background-color: #333;   text-align: center;  margin: 0; 
}  
#top{ 	width: 890px; 	height: 32px; 	margin: 0 auto; }  
#menu{ 	width: auto; 	height: 32px; 	float: left; 	text-align: left; 	padding-top: 11px; } 
#menu a{ 	color: #B5D97A; 	font-size: 10px; 	font-family: Verdana, Arial; 	text-transform: uppercase; 	text-decoration: none; 	margin-right: 25px; }  
#feed{ 	width: auto; 	height: 32px; 	float: left; 	text-align: left; 	padding-top: 11px; 	float: right; }
#feed span{ 	color: #B5D97A; 	font-size: 10px; 	font-family: Verdana, Arial; 	text-transform: uppercase; 	text-decoration: none; 	margin-right: 25px; }
codice:
<html> 
<head> 	
<link href="css/template.css" rel="stylesheet" type="text/css" /> 
</head>  
<body> 	
<div id="top">
 		<div id="menu">
 			home
 			cos'&egrave fantanotizie
 			archivio
 			contatti
 		</div> 		
                <div id="feed">
 			<span>Iscriviti:</span>
 		</div> 	
</div> 
</body>
</html>