Me respondo a mi mismo para que le pueda servir a alquien con el mismo problema.
El problema ya está resuelto. Las imágenes no se veían porque
estaban como fondo de sus respectivos divs
en vez de estar insertadas. Así que lo único que he hecho ha sido quitar en el css las imágenes de fondo e ir al html e insertar las imágenes y problema solucionado.
ej:
#logo {
background-image: url(Logo.jpg);
esta propiedad la he quitado
float: left;
height: 34px;
width: 207px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 20px;
z-index: 2;}
y la he insertado en su div:
<div id="logo">
<img src="Logo.jpg" width="207" height="34" /></div>
Saludos.