sinceramente no entiendo el problema, en primer lugar simplifiqué tu código
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> background: #87B935;
border: 1px solid #838383;
border-radius: 8px 8px 8px 8px;
color: #000000;
font-size: 20px;
height: auto;
line-height: 30px;
padding: 3px 10px;
margin-top: 500px;
text-align: center;
top: 0px;
margin-left: 100px;
width: 757px;
opacity: 0.7;
font-family: Lucida Grande; font-weight: bolder;vertical-align: middle;">
<a href="#">bienvenido
</a>
y los dos código, tu original y el mio, muestran lo mismo, la capa con el margin-top 500 y el left en 100 con el texto del link adentro
Los z-index no alteran nada en este caso
Saludos