thanks for the answer, but i was not making anything in the stylesheet i was just adding the html in the header like this
<body>
<div align="center">
<img src="https://greenroof.es/wp-content/uploads/greenroof/imagenes/ads_i.png" border="0" alt="Anunciate Aqui">
<a href="https://greenroof.es/contacto"><img src="https://greenroof.es/wp-content/uploads/greenroof/imagenes/ads_c.gif" border="0" alt="Contacto"></a>
<a href="https://greenroof.es/contacto/promocion"><img src="https://greenroof.es/wp-content/uploads/greenroof/imagenes/ads_d.png" border="0" alt="Promoción"></a>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
right after body you see the 3 images, the other div’s i just put them to show what is under the code, and as strange thing if i move in this part of the CSS:
.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
top to 1 then the images work, but all the sheet is going down a lot! is moving the height of the images i put and of the darker part of the background, if somebosy use FIREBUG plugin of FIREFOX will see this