AAAAAHHHHg!
A esa página hay que quemarla y hacerla de nuevo. Con razón el pollo no encontró nada ¡ni quiso mirar!.
Maquetado con tablas, posiciones absolutas para todo, niveles de eje "z" que revuelven el flujo natural del contenido ... ¡DIOSES! ¡¿Para qué me metí en esto?! ¡¿PARA QUÉ?!
...
Bien, como no sé por donde empezar, vamos a hacerlo desde el principio : tienes que aprender diseño.
Y para terminar (salteando todo lo que va en el medio) : tu imagen era más grande que su contenedor, y por eso te sobraba por todas partes.
Código:
<style type="text/css">
#apDiv8 {
position:absolute;
width:363px;
height:337px;
z-index:7;
//background-image: url(http://www.animalmeeting.com/imagenes/perfil/imagenes/perfilperro_07.gif);
left: 0px;
top: 190px;
}
#apDiv16 {
position:absolute;
left:42px;
top:220px;
width:322px;
height:322px;
//z-index:2;
back-ground: black;
overflow: hidden;
}
#muestra {
border-radius: 150px;
height: 285px;
width: 285px;
position: absolute;
top: 0;
left: 20px;
border: 6px solid #006600;
}
</style>
··············
<div id="apDiv16">
<img id=muestra
src=http://www.animalmeeting.com/imagenes/prueba.png>
</div>
No puedo (ni debo) arreglar todo. Como ayuda, te dejo marcado lo que deberías empezar a modificar, como para subir tu página mientras haces la definitiva. Que será maquetada absolutamente distinto.
Ya me ahorré mil problemas poniendo el borde verde a la imagen en vez de usar una capa, pero al borrarla se "desvaneció" parte del globo. Si estás usando *.gif ¿qué te impedía agregar transparencia para simular una máscara redonda y poner a tu perro detrás?. Respuesta : el desbarajuste de capas con posicionamiento forzado.
Insisto : vas a tener que aprender diseño.
Y que venga de una base de datos o del tipeo de la máquina, da lo mismo. Es una imagen. No sabemos quién la pone, si un programa PHP, o un JS, o ... al final rellenan el source de la imagen como cualquiera. O deberían hacerlo.
Ningún tutorial te va a resolver el problema. Si algo se adapta a esa estructura que tiene tu página, es de pura casualidad.
Cita:
Iniciado por kseso? 
Ya en la primera respuesta le indicaba la conveniencia de que publique todos sus códigos implicados (html+css). Lo mejor sería un enlace a su realización.
E imprescindible una descripción clara y precisa de qué quiere lograr.
Sí. El hecho de que pusiera el enlace me decidió a seguir respondiendo.
Ahora, y después de verlo, ya no podré dormir.
P.D. : Muy lindos los huevos y limones. ¿Saldrá una pera?.