Hola
Tomé la información que nos das, la pegué en un archivo vacío e hice la prueba.
todo se ve bien, un borde gris de 5 pixels de ancho y dentro una imagen con un borde superior rojo que se sobremonta al gris:
Aquí te dejo el código de ejemplo que usé:
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">
html,body { width: 100%; height: 100%; background-color: #fff; color: #000;}
#caberotuloseccionb {border-right: 5px solid #c0c0c0; border-left: 5px solid #c0c0c0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;}
img {border-top: 1px solid #f00;}
</style>
<title>Pruebilla</title>
</head>
<body>
<div id="Base">
<span id="caberotuloseccionb"><img src="imagen.gif" border="0" /></span>
</div>
</body>
</html> Por cierto, como te comenta Mikmoro, deberías optimizar y reducir tu código, entre otras cosas, te ayudará a encontrar y resolver problemas.
Felicidad