link se mueve

[vallejo]

Este es el html:

Código:

<div id="pie">
                               <div id="copy">
					<?php echo $copy; ?>
					 | <a id="mapa" href="principal.php?accion=mapa"><?php echo $mapa; ?></a>
					 | <a id="aviso" href="principal.php?accion=aviso"><?php echo $aviso; ?></a>
				</div>
				<div id="estandares">
					<a id="xhtml_valid" href="http://validator.w3.org/check?uri=referer"><img src="imagenes/xhtml_valid.jpg" alt="Valid XHTML 1.1" /></a>
					<a id="css_valid" href="http://jigsaw.w3.org/css-validator/check/referer"><img src="imagenes/css_valid.jpg" alt="Valid CSS" /></a>
				</div>
			</div>

y esto el css:

Código:

#pie{
	float: left;
	background-image: URL('imagenes/pie.jpg');
	width: 100%;
	height: 30px;
	color: #ffffff;
	font-size: 11px;
	padding-top: 15px;
}

#pie a, a:active, a:visited{
	color: #ffffff;
	text-decoration: none;
}

#pie a:hover{
	color: #f78f1e;
}

#copy{
	float: left;
	width: 680px;
	text-align: center;
}

#estandares{
	float: right;
	width: 250px;
	text-align: center;
}