Hola
Bueno, veamos. mira este ejemplo que te paso:
Código HTML:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
* {border: 0; margin: 0; padding: 0;}
html,body { width: 100%; height: 100%; background-color: #fff; }
#Base { width: 100%; background-color: inherit;}
img {border: 1px solid #f00;}
</style>
<script type="text/javascript">
function leerpropiedades(x) {
alert (document.getElementById(x).style.top);
}
</script>
<title>Pruebilla</title>
</head>
<body>
<div id="Base">
<p> </p>
<div style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;">
<a href=""><img src="http://www.forosdelweb.com/customavatars/avatar85076_1.gif" style="vertical-align: middle;" /> Texto Link</a>
</div>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
</html> Lo puedes copiar en un documento en blanco, ponerle nombre y visualizarlo, verás que la imagen, a la que le puse un borde rojo para que se vea mejor, llega justo a los bordes del div. En tu sistema debería verse exactamente igual. No lo he probado en explorer esta vez, pero debería ir bien.
Una vez hayas usado y revisado el ejemplo, juega un poco con él hasta lograr la misma situación que tienes ahora, así descubres que pasa y quien es el responsable del problema.
Felicidad