el contenido me queda corto

Hola mariana

Estuve mirando tu código y creo que el problema lo tienes aquí:

<div id="contenido">


</p><h3>[i]Máxima calidad en todos los componentes[/i]</h3>


</p>


Utilizamos únicamente materiales de primera calidad para todos y cada uno de los componentes de nuestras cubiertas. Solo así podemos 
garantizar la larga vida útil del producto, y minimizar las posibilidades de sufrir averías en el sistema.</p>
		[b]<div style=""> [/b]
<div id="fotocalidades">[url="calidades/transformadores.png"][img]calidades/transformadoresp.png[/img][/url]
</div>
<div id="fotocalidades">[url="calidades/pasamuros.png"][img]calidades/pasamurosp.png[/img][/url]
</div>
<div id="fotocalidades">[url="calidades/ejes.png"][img]calidades/ejesp.png[/img][/url]
</div>
<div id="fotocalidades">[url="calidades/motores.png"][img]calidades/motoresp.png[/img][/url]
[b]</div>[/b]
</div>
</div>

Prueba a eliminar lo que te puse en negrita, es que ese div con style="" es un poco extraño no crees? Prueba y me dices ;)

Saludos
Quitá las etiquetas CODE que no va a ver lo que pusiste en Negritas Foley xD
Gracias Foley, ya le quité la capa rara esa que tenía, pero no parece que haya hecho nada, sigue igual..... en la otra página (instalaciones) no la tenía, pero el problema es el mismo.

¿Alguna otra idea?
Hola Mariana, prueba quitando esta sentencia de tu hoja de estilos:
#contenido {padding:20px;background-color:#FFFFFF;border:0px; max-height: 100%}

deja solo el height: 100%

Saludos.
Gracias Serquin, pero si hago eso me quedo sin background, osea, se ve toda la imagen de fondo.... y yo lo quiero blanco....

¿más sugerencia, pls?